/* CSS styles for web standards browsers */
/* Easy Locator Website 2009 */
/* Travis Cable www.beperpetual.com */

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(typography.css);


/* stops the bad horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */

body {
	background:#AFDBE5 ;
	margin:0;
	padding:10px 0;
	}
body.page-popup {
	background:#fff;
	margin:0;
	padding:10px 0;
	}


/* positioning */

.clear {
	clear:both;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

	
/* Layout */

#Container {
	position:relative;
	width:1000px;
	min-height:300px;
	background:transparent url(../images/container_bg_middle.png) repeat-y top left;
	margin:40px auto;
	}
#Footer {
	width:1000px;
	margin:0 auto;
	color:#ef1697;
	text-align:center;
	}
#Copyright {
	font-family:SegoePrint, Arial;
	font-size:16px;
	text-align:center;
	margin:20px 0 20px 0;
	}


/* Layout Elements */

.sidebar_left {
	float:left;
	width:330px;
	margin:0 0 0 20px;
}
.middle-1-col .sidebar_left {
	margin:0;
}
.middle-1-col {
	width:920px;
	margin:0 20px;
}
.catalog-catalog-product-viewuct-view .middle-1-col {
	width:960px;
	margin:0;
}
.middle-2-col {
	float:left;
	width:570px;
	margin:0 20px;
}
.middle-3-col {
	float:left;
	width:220px;
	margin:0 20px;
}
.sidebar_right {
	float:left;
	width:330px;
	margin:0 20px 0 0;
}
.middle-1-col .sidebar_right {
	margin:0;
}
.catalog-product-viewuct_box {
	float:left;
	width:170px;
	margin:10px;
	text-align:center;
}


/* Side Boxes */

.sidebox {
	width:330px;
	color:#8a8054;
	margin-bottom:20px;
}
.sidebox .top {
	width:290px;
	height:30px;
	background:#fff url(../images/sidebox_bg_top.jpg) no-repeat;
	padding:20px;
	padding-bottom:0;
	font-family:SegoePrint, Arial;
	font-size:22px;
	line-height:26px;
	overflow:hidden;
}
.sidebox .middle {
	width:290px;
	min-height:118px;
	background:#e2d7ab url(../images/sidebox_bg_middle.jpg) no-repeat;
	margin:0;
	padding:8px 20px 0 20px;
}
.sidebox .bottom {
	width:330px;
	height:14px;
	background:#fff url(../images/sidebox_bg_bottom.jpg) no-repeat;
	margin:0;
	padding:0;
}

.sidebox .top h2 {
	color:#00c8e6;
	font-family:SegoePrint, Arial;
	font-size:22px;
	font-weight:normal;
	line-height:26px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.sidebox .top h3 {
	color:#8a8054;
	font-family:SegoePrint, Arial;
	font-size:22px;
	font-weight:normal;
	line-height:26px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.sidebox .top h4 {
	color:#6b9c31;
	font-family:SegoePrint, Arial;
	font-size:22px;
	font-weight:normal;
	line-height:26px;
	overflow:hidden;
	margin:0;
	padding:0;
}


/* Buttons */

a.btn_buy_now {
	display:block;
	width:230px;
	height:60px;
	background:transparent url(../images/btn_buy_now.png) no-repeat;
	margin:5px auto;
}
a.btn_previous {
	display:block;
	width:110px;
	height:40px;
	background:transparent url(../images/btn_previous.png) no-repeat;
}
a.btn_next {
	display:block;
	width:110px;
	height:40px;
	background:transparent url(../images/btn_next.png) no-repeat;
}


/* Pages */

#Home #Container {
	position:relative;
	width:1000px;
	min-height:300px;
	background:transparent url(../images/container_bg_middle.png) repeat-y top left;
	margin:40px auto;
	}
#Home #ContainerTop {
	position:absolute;
	top:-40px;
	left:0;
	width:1000px;
	height:40px;
	background:transparent url(../images/home_container_bg_top.png) no-repeat top left;
	margin:0 auto;
	padding:0;
	}
#Home #ContainerBottom {
	position:absolute;
	bottom:-40px;
	left:0;
	width:1000px;
	height:40px;
	background:transparent url(../images/home_container_bg_bottom.png) no-repeat top left;
	margin:0 auto;
	padding:0;
	}
#Home a#TopLogo {
	display:block;
	position:absolute;
	top:-36px;
	left:239px;
	width:522px;
	height:165px;
	background:transparent url(../images/home_logo.png) no-repeat top left;
	z-index:99;
	}
#Home #ContentContainer {
	position:relative;
	width:960px;
	height:720px;
	background:#fff url(../images/home_content_bg.jpg) no-repeat top left;
	margin:0 auto;
	text-align:left;
	}
#Home #ContentTop {
	position:absolute;
	bottom:0;
	left:20px;
	width:960px;
	height:20px;
	background:#fff url(../images/home_content_bg_top.jpg) no-repeat top left;
	margin:0 auto;
	}
#Home #ContentBottom {
	position:absolute;
	top:0;
	left:20px;
	width:960px;
	height:20px;
	background:#fff url(../images/home_content_bg_bottom.jpg) no-repeat top left;
	margin:0 auto;
	}
#Home #Nav {
	font-family: SegoePrint, Arial;
	position:absolute;
	bottom:-19px;
	left:20px;
	width:960px;
	height:55px;
	background:transparent url(../images/home_nav_bg.png) no-repeat top left;
	z-index:99;
	overflow:hidden;
	}
#Home #Nav ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
#Home #Nav li {
	position:relative;
	float:left;
	right:50%;
	margin:0;
	padding:0 5px;
	list-style-type:none;
}
#Home #Nav li a {
	display:block;
	height:52px;
	text-decoration:none;
	font-size:26px;
	color:#00c8e6;
	line-height:52px;
	text-align:center;
	vertical-align:middle;
	}
#Home #Nav li a:hover {
	color:#fff;
	text-decoration:none;
	}
#Home #Nav li a.nav111 {
	width:111px;
	}
#Home #Nav li a.nav111:hover {
	background:transparent url(../images/home_nav_bg_111.jpg) no-repeat;
	background-position-y:2px;
	}
#Home #Nav li a.nav123 {
	width:123px;
	}
#Home #Nav li a.nav123:hover {
	background:transparent url(../images/home_nav_bg_123.jpg) no-repeat;
	background-position-y:2px;
	}
#Home #Nav li a.nav154 {
	width:154px;
	}
#Home #Nav li a.nav154:hover {
	background:transparent url(../images/home_nav_bg_154.jpg) no-repeat;
	background-position-y:2px;
	}
#Home #Nav li a.nav176 {
	width:176px;
	}
#Home #Nav li a.nav176:hover {
	background:transparent url(../images/home_nav_bg_176.jpg) no-repeat;
	background-position-y:2px;
	}
#Home #Nav li a.nav198 {
	width:198px;
	}
#Home #Nav li a.nav198:hover {
	background:transparent url(../images/home_nav_bg_198.jpg) no-repeat;
	background-position-y:2px;
	}


/* Standard Pages (Main) */

#Container {
	position:relative;
	width:1000px;
	min-height:300px;
	background:transparent url(../images/container_bg_middle.png) repeat-y top left;
	margin:110px auto 56px auto;
	}
#ContainerTop {
	position:absolute;
	top:-110px;
	left:0;
	width:1000px;
	height:110px;
	background:transparent url(../images/main_container_bg_top.png) no-repeat top left;
	margin:0 auto;
	padding:0;
	}
#ContainerBottom {
	position:absolute;
	bottom:-56px;
	left:0;
	width:1000px;
	height:56px;
	background:transparent url(../images/main_container_bg_bottom.png) no-repeat top left;
	margin:0 auto;
	padding:0;
	}
a#TopLogo {
	display:block;
	position:absolute;
	top:-110px;
	right:10px;
	width:270px;
	height:90px;
	background:transparent url(../images/main_logo.png) no-repeat top left;
	z-index:99;
	}
#ContentContainer {
	position:relative;
	width:960px;
	min-height:520px;
	margin:0 auto;
	}
#ContentTop {
	}
#ContentBottom {
	}
#TopNav {
	font-family: SegoePrint, Arial;
	position:relative;
	top:20px;
	left:20px;
	width:960px;
	height:55px;
	background:transparent url(../images/home_nav_bg.png) no-repeat top left;
	margin:0;
	padding:0;
	z-index:99;
	overflow:hidden;
	}
#TopNavInner {
	position:relative;
	width:700px;
}
#TopNav ul {
	position:relative;
	float:left;
	left:350px;
	margin:0;
	padding:0;
}
#TopNav li {
	position:relative;
	float:left;
	right:50%;
	margin:0;
	padding:0;
	list-style-type:none;
}
#TopNav li a {
	display:block;
	height:52px;
	text-decoration:none;
	font-size:26px;
	color:#00c8e6;
	line-height:52px;
	text-align:center;
	vertical-align:middle;
	}
#TopNav li a:hover {
	color:#fff;
	text-decoration:none;
	}
#TopNav li a.nav111 {
	width:111px;
	}
#TopNav li a.nav111:hover {
	background:transparent url(../images/home_nav_bg_111.jpg) no-repeat;
	background-position-y:2px;
	}
#TopNav li a.nav123 {
	width:123px;
	}
#TopNav li a.nav123:hover {
	background:transparent url(../images/home_nav_bg_123.jpg) no-repeat;
	background-position-y:2px;
	}
#TopNav li a.nav154 {
	width:154px;
	}
#TopNav li a.nav154:hover {
	background:transparent url(../images/home_nav_bg_154.jpg) no-repeat;
	background-position-y:2px;
	}
#TopNav li a.nav176 {
	width:176px;
	}
#TopNav li a.nav176:hover {
	background:transparent url(../images/home_nav_bg_176.jpg) no-repeat;
	background-position-y:2px;
	}
#TopNav li a.nav198 {
	width:198px;
	}
#TopNav li a.nav198:hover {
	background:transparent url(../images/home_nav_bg_198.jpg) no-repeat;
	background-position-y:2px;
	}


/* catalog-product-viewuct Pages */

.catalog-product-view h1#Name {
	width:880px;
	text-align:center;
	margin-bottom:25px;
}
.catalog-product-view #PrimaryImage {
	margin-top:50px;
}
.catalog-product-view #PriceBox {
	margin-top:50px;
	text-align:center;
	font-family:Georgia, Arial;
	font-size:48px;
	color:#ec36a1;
}
.catalog-product-view #Description {
	color:#ec36a1;
}
.catalog-product-view #SlideShow {
	position:relative;
	width:330px;
	height:250px;
	margin-top:70px;
}
.catalog-product-view #SlideShow #my-glider {
	width:328px;
	height:228px;
	border:#dbd9dc solid 1px;
}
.catalog-product-view #SlideShow .btn_previous {
	position:absolute;
	bottom:0;
	left:0;
}
.catalog-product-view #SlideShow .btn_next {
	position:absolute;
	right:0;
	bottom:0;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width:328px; 
	height:228px;
	overflow:hidden;
	}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:328px;
	height:228px;
	overflow:hidden;
	float:left;
	}
div.scroller div.content {
	width:10000px;
	}

.catalog-product-view .price-box {
	margin:30px 0 15px 0;
}
.catalog-product-view .price-box .price {
	font-family:Georgia, Arial;
	font-size:48px;
	font-weight:normal;
	color:#ec36a1;
}
.catalog-product-view .add-to-box {
}
