/* ----------------------------------
             main rules
---------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	height:100%;
	width: 100%;
	}
body {
	background-color: #233d65;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
    margin-top: 0px;
    padding: 0;
    }
a, a:visited, a:link {
	color: #218fc2;
	text-decoration: none;
	outline: none;
	}
a:hover {
	color: #218fc2;
	text-decoration: underline;
	outline: none;
	}
.container {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
	clear: both;
    }
#header {
    height: 150px;
	width: 980px;
    margin-left: auto; 
    margin-right: auto; 
	padding: 0px 0px 0px 0px;
    }
#logo {
	background-image: url(../header-logo-fill.png);
	margin: 0px 0 0 -300px;
	position: absolute;
	width: 939px;
	height: 539px;
	float: left;
	z-index: 1;
	}
#logo h1 a {
	margin: 0px 0 0 303px;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 150px;
	}
#header-links {
	margin: 10px 0px 5px 250px;
    height: 20px;
	width: 725px;
	float: left;
	font-size: 12px;
	color: #fff;
	z-index: 2;
	position: relative;
    }
#header-links a, #header-links a:link, #header-links a:visited {
    padding: 0px 10px 0px 10px;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	border-right: 1px solid #fff;
    }
#header-links a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	border-right: 1px solid #fff;
    }
#header-links a.last {
    padding: 0px 0px 0px 10px;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	border-right: 0px solid #fff;
    }
#header-links a.lastone {
    padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	border-right: 0px solid #fff;
    }
#header-num {
	margin: 10px 4px 0px 0px;
    height: 45px;
	width: 725px;
	float: right;
	z-index: 2;
	position: relative;
    }
#header-social {
	margin: 15px -6px 0px 0px;
    height: 25px;
	width: 175px;
	float: right;
	clear: both;
    }
#header-social a {
	padding: 0px 4px 0px 4px;
    height: 25px;
	width: 25px;
	float: left;
    }

#main-content {
    margin: 0 0 0 0;
    width: 979px;
	height: 100%;
	z-index: 6;
	position: relative;
	background-color: #fff;
	float: left;
    }
#inner-content {
    margin: 67px 0px 0px 0px;
    font-size: 12px;
	text-align: left;
    height: 100%;
	color: #575757;
    }
#full-content {
    margin: 10px 0px 10px 10px;
    font-size: 12px;
	text-align: left;
    width: 960px;
    height: 100%;
	color: #575757;
	float: left;
    }
#left-content {
    margin: 10px 0px 10px 9px;
    font-size: 12px;
	text-align: left;
    width: 228px;
    height: 100%;
	color: #575757;
	float: left;
    }
.side-top {
	background: url(../side-top-bg.jpg) no-repeat top left;
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 8px;
    font-size: 19px;
	text-align: left;
    width: 228px;
    height: 52px;
	color: #233d65;
	float: left;
	text-transform: uppercase;
    }
/*.side-list {
    margin: -15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
    font-size: 19px;
	text-align: left;
    width: 228px;
	color: #000;
	float: left;
	list-style: none;
    }
.side-list li {
    margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 7px;
    font-size: 12px;
	text-align: left;
    width: 212px;
	height: 25px;
	color: #000;
	float: left;
	list-style: none;
	border-bottom: 1px solid #a1a1a1;
    }
.side-list li a, .side-list li a:link, .side-list li a:visited {
	color: #000;
    }
.side-list li a:hover {
	color: #0064ff;
    }*/
.TopSeller1 {
    margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 7px;
    font-size: 12px;
	text-align: left;
	color: #000;
	float: left;
	list-style: none;
    }
li.TopSeller1 .TopSellerNumber { display: none; }
li.TopSeller1 .ProductImage { margin-left:auto;
margin-right:auto; text-align: center; }
li.TopSeller1 .ProductDetails { margin-left:auto;
margin-right:auto; text-align: center; }
.ProductList li {
    margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 7px;
    font-size: 12px;
	text-align: left;
	color: #000;
	float: left;
	list-style: none;
    }
#side-facebook {
    margin: 10px 0px 0px 2px;
	}
#side-youtube {
    margin: 10px 0px 0px 8px;
	}
#side-call {
    margin: 13px 0px 0px 0px;
	}
#side-checkout {
    margin: 10px 0px 0px 1px;
	}

#right-content {
    margin: 10px 0px 10px 15px;
    font-size: 12px;
	text-align: left;
    width: 720px;
    height: 100%;
	color: #575757;
	float: left;
    }
#main-top {
	background: url(../main-top-bg.jpg) no-repeat top left;
    margin: 0px 0px 0px 0px;
    width: 718px;
    height: 51px;
	float: left;
    }
.main-top-left {
	padding: 10px 0px 0px 11px;
    font-size: 19px;
	text-align: left;
    height: 51px;
	color: #233d65;
	float: left;
	text-transform: uppercase;
    }
.main-top-right {
	padding: 10px 11px 0px 0px;
    font-size: 19px;
	text-align: left;
    height: 51px;
	color: #8a8a8a;
	float: right;
	text-transform: uppercase;
    }
#main-top-cat {
    margin: 0px 0px 0px 0px;
    width: 718px;
    height: 100%;
	float: left;
    }
#main-top-cat img {
    margin: 0px 0px 0px 9px;
    width: 346px;
    height: 139px;
	float: left;
    }
#selection-huge {
    margin: 30px 0px 30px 12px;
    width: 718px;
    height: 100%;
	float: left;
    }
#contact-bg {
    margin: 0px 0px -100px 0px;
    width: 718px;
    height: 211px;
	float: left;
	position: relative;
	z-index: 2;
    }
#PageContentContact {
    margin: 0px 0px 30px 10px;
	float: left;
	position: relative;
	z-index: 8;
    }
.ProductDescriptionContainer p {
    line-height: 20px;
	width: 700px;
	margin: 0px 0px 0px 10px;
	}
.ProductDescriptionContainer ul, .ProductDescriptionContainer li {
	margin: 0px 0px 0px 15px;
	}
.BlockContent ul, .BlockContent li {
	margin: 10px 0px 0px 15px;
	}
.ProductDescriptionContainer {
    line-height: 20px;
	width: 700px;
	margin: 0px 0px 0px 10px;
	}

/* ----------------------------------
           Main Navigation
---------------------------------- */

div#navigation {
	margin: 0 0 0 0;
	position: relative;
	width: 980px;
	height: 49px;
	float: right;
	z-index: 8;
	}

/* Main Navigation */
#navigation ul .nav_search,
#navigation ul .nav_home,
#navigation ul .nav_type,
#navigation ul .nav_size,
#navigation ul .nav_architects,
#navigation ul .nav_custom,
#navigation ul .nav_contact {
	cursor: pointer;
	float: left;
	list-style: none;
	}
#navigation ul a.main {
	background: url(../menu.png) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 49px;
	text-decoration: none;
	width: auto;
	outline: none;
	}
#navigation ul a.main span { display:none; }

/* Menu Standard */
#navigation ul .nav_search {
	background: url(../menu.png) no-repeat top left;
	background-position: 0 0;
	width: 276px;
	height: 49px;
	z-index: 1;
	}
#navigation ul .nav_home a.main {
	background-position: -276px 0;
	width: 86px;
	z-index: 1;
	}
#navigation ul .nav_type a.main {
	background-position: -362px 0;
	width: 120px;
	z-index: 2;
	}
#navigation ul .nav_size a.main {
	background-position: -482px 0;
	width: 116px;
	z-index: 3;
	}
#navigation ul .nav_architects a.main {
	background-position: -598px 0;
	width: 110px;
	z-index: 4;
	}
#navigation ul .nav_custom a.main {
	background-position: -708px 0;
	width: 141px;
	z-index: 5;
	}
#navigation ul .nav_contact a.main {
	background-position: -849px 0;
	width: 131px;
	z-index: 6;
	}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	z-index: 12;
	
	/* Gradient background */
	background:#F4F4F4;
	/*background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));*/

	/* Rounded Corners */
	/*-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;*/
}
.sf-menusize ul.size li {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    font-size: 11px;
    text-align: left;
    width: 116px;
    height: 20px;
    color: #000;
    list-style: none;
    border-bottom: 1px solid #a1a1a1;
}
.col_1 ul li a {
    color: #000;
    text-decoration: none;
}
.col_1 ul li a:hover {
    color: #0064ff;
    text-decoration: none;
}
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 570px;}
.dropdown_4columns {width: 760px;}
.dropdown_5columns {width: 700px;}

li:hover .dropdown_1column, 
li:hover .dropdown_2columns, 
li:hover .dropdown_3columns,
li:hover .dropdown_4columns,
li:hover .dropdown_5columns {
	left:363px;
	top:45px;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:180px;}
.col_1 ul a {
    width:180px;
	float: left;
	list-style: none;
    color: #000;
    text-decoration: none;
	}
.col_1 li {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    font-size: 11px;
    text-align: left;
    height: 20px;
    color: #000;
    list-style: none;
    border-bottom: 1px solid #a1a1a1;
	}
.col_2 {width:270px;}
.col_3 {width:450px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

.signup-txt {
	background-color: #fff;
	float: left;
	width: 171px;
	height: 28px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #8b8b8b;
	margin-top: 9px;
    margin-left: 6px;
	padding: 1px 0px 0px 5px;
	border: 1px solid #bebebe;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    }
.news-txt {
	background-color: #fff;
	width: 195px;
	height: 30px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #8b8b8b;
	margin-top: 0px;
    margin-left: 0px;
	padding: 1px 0px 0px 5px;
	border: 1px solid #919191;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    }
input.btnsignup {
	background: url(../btn-search.png) no-repeat;
    margin: 9px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	width: 77px;
	height: 31px;
	float: left;
	font-size: 0px;
	border: 0px;
	cursor: pointer;
	}
input.btnsubscribe {
	background: url(../btn-subscribe.png) no-repeat;
    margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 83px;
	height: 27px;
	float: left;
	font-size: 0px;
	border: 0px;
	cursor: pointer;
	}

/* ----------------------------------
           jQuery Slider
---------------------------------- */

#slider {
    float: left;
    width: 718px;
	height: 345px;
	overflow: hidden;
    }
#slider img {
    margin: 0px 0px 0px 0px;
    float: left;
    width: 718px;
	height: 345px;
    }

.nivoSlider { position: relative; }
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%;
	}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none;
	}
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.5; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
	font-size: 12px;
	}
.nivo-caption p {
	padding:8px;
	margin:0;
	}
.nivo-caption a {
	display:inline !important;
	}
.nivo-html-caption {
    display:none;
	}

.nivo-controlNav {
	position: absolute;
	bottom: -15px;
	right: 2px;
	}
.nivo-controlNav a {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
	cursor: pointer;
	}
.nivo-controlNav a.active { background-position: -10px 0; }
.nivo-directionNav a {
	display: block;
	width: 33px;
	height: 83px;
	background: url(../arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	position: absolute;
	top: 126px;
	z-index: 99;
	cursor: pointer;
	}
a.nivo-nextNav {
	background-position:-33px 0;
	right:1px;
	}
a.nivo-prevNav {
	left:1px;
	}

/* ----------------------------------
           generic rules
---------------------------------- */

img { border: 0px; }
.nodisp { display: none; }
.space { padding: 5px; }
.clear { clear: both; }
#fb-root {
	margin: 13px 0px -10px 4px;
	width: 450px;
	height: 50px;
	float: left;
	}

/* ----------------------------------
            footer rules
---------------------------------- */

#footer {
	/*background: url(../footer-bg.jpg) repeat-x;*/
	width: 100%;
	height: 259px;
    margin: 0 0 0 0;
    }
#footer-bottom {
	width: 980px;
	height: 90px;
	clear: both; 
    }
#footer-inside {
	margin: 0px 0px 4px 0px;
	width: 979px;
	height: 300px;
	float: left;
	clear: both;
	}
.foot-column {
	margin: 5px 33px 0px 0px;
	width: 145px;
	height: 100%;
	float: left;
	font-size: 9px;
	color: #fff;
	}
.foot-column-large {
	margin: 5px 0px 0px 0px;
	width: 180px;
	height: 100%;
	float: left;
	font-size: 9px;
	color: #fff;
	}
.foot-column-newsletter {
	margin: 5px 30px 0px 5px;
	width: 214px;
	height: 100%;
	float: left;
	font-size: 9px;
	color: #fff;
	}
.foot-column ul.quick-links, .foot-column-large ul.quick-links {
	margin: 0px 0px 0px 0px;
	float: left;
	list-style: none;
	}

.foot-column ul.quick-links li {
	padding: 10px 0px 10px 0px;
	list-style: none;
	width: 145px;
	border-bottom: 1px solid #556276;
	}
.foot-column ul.quick-links li.last {
	padding: 10px 0px 10px 0px;
	list-style: none;
	width: 145px;
	border-bottom: 0px solid #556276;
	}
.foot-column-large ul.quick-links li {
	padding: 10px 0px 10px 0px;
	list-style: none;
	width: 180px;
	border-bottom: 1px solid #556276;
	}
.foot-column-large ul.quick-links li.last {
	padding: 10px 0px 10px 0px;
	list-style: none;
	width: 180px;
	border-bottom: 0px solid #556276;
	}

.foot-column a, .foot-column a:link, .foot-column a:visited {
    color: #fff;
	text-decoration: none;
	}
.foot-column a:hover { 
    color: #fff;
	text-decoration: underline;
	}
.foot-title {
	margin: 10px 0px 5px 0px;
    color: #9d9d9d;
	font-size: 17px;
	text-transform: uppercase;
	}

#footcopy {
	margin: 0px 0px 0px 0px;
    padding: 8px 0px 0px 0px;
	text-align: left;
    color: #fff;
	font-size: 10px;
	}
#footcopy a, #footcopy a:link, #footcopy a:visited { 
    color: #fff;
	text-decoration: underline;
	}
#footcopy a:hover { 
    color: #fff;
	text-decoration: none;
	}
#footsocial {
	margin: 15px 0px 15px 0px;
    height: 25px;
	width: 175px;
	float: left;
	clear: both;
    }
#footsocial a {
	padding: 0px 8px 0px 0px;
    height: 25px;
	width: 25px;
	float: left;
    }