@charset "UTF-8";

/****** Layout *****/
body {
	background: #045992 url(images/background.gif) repeat-x fixed;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin: 0px 0px 20px 0px;
}

a img { border:0; }

#swirls {
	background: url(images/swirls.png) no-repeat fixed center 126px;
	text-align: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	background: url(images/page-background.png) repeat-y;
	width: 924px;
	text-align: left;
	position: relative;
	margin:0px auto;
}

#popup_wrapper {
	background: url(images/background_popup.png) repeat-y;
	width: 533px;
	text-align: left;
	position: relative;
	margin:0px auto;
	padding-right: 20px;
	padding-left: 20px;
}

#header {
	margin: 0px 15px;
	height: 110px;
	position: relative;
}

#header #logo {
	position: absolute;
	left: 15px;
	top: 15px;
}

#header #header-boys { margin-left: 340px; }

#header #search {
	color: #055a93;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 40px;
	right: 15px;
}

#header #search input { vertical-align: middle; }

#nav {
	background: url(images/nav-bar.gif) no-repeat;
	margin-right: 30px;
	margin-left: 30px;
	padding: 0px;
	height: 44px;
	position:relative;
}

#content_wrapper { postition:relative; margin: 15px 30px; z-index:1; }

#right_sidebar {
	float: right;
	width: 270px;
	margin-top: -80px;
	z-index: 15;
	position: relative;
}

#right_sidebar .box {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#right_sidebar h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	height: 35px;
	margin: 0px -20px;
}

#right_sidebar #box1 { background: url(images/sidebar_box1.gif) no-repeat center bottom; }
#right_sidebar #box1 h1 {
	background: url(images/sidebar_box1_top.gif) no-repeat center top;
	color: #E17529;
}
#right_sidebar #box2 { background: url(images/sidebar_box2.gif) no-repeat center bottom; }
#right_sidebar #box2 h1 {
	background: url(images/sidebar_box2_top.gif) no-repeat center top;
	color: #8AAE4F;
}
#right_sidebar #box3 { background: url(images/sidebar_box3.gif) no-repeat center bottom; }
#right_sidebar #box3 h1 {
	background: url(images/sidebar_box3_top.gif) no-repeat center top;
	color: #A572B7;
}
#right_sidebar #box4 {
	background-image: url(images/sidebar_box4.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#right_sidebar #box4 h1 {
	color: #666;
	background-image: url(images/sidebar_box4_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#content_large {
	margin: 0px 10px;
	clear: both;
	padding: 20px 0px;
}

#content {
	margin: 20px 10px;
	float: left;
	width: 552px;
}

#footer {
	background: url(images/background_footer.gif) no-repeat;
	height: 45px;
	padding: 25px 35px 0px;
}

#popup_footer {
	background: url(images/background_popup_footer.png) no-repeat;
	height: 29px;
	margin: 0px auto 20px;
	width: 573px;
}



/****** Navigation ******/
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position:relative;
	z-index:100;
}

#nav ul li {
	display:block;
	position:absolute;
	z-index:100;
}

#nav ul li#nav1 {left: 0px;}
#nav ul li#nav2 { left: 90px; }
#nav ul li#nav3 { left: 255px; }
#nav ul li#nav4 { left: 326px; }
#nav ul li#nav5 { left: 447px; }
#nav ul li#nav6 { left: 551px; }

#nav ul li a {
	display: block;
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
	float: left;
	height: 44px;
	text-indent:-10000px;
}

#nav ul li#nav1 a { width: 90px; }
#nav ul li#nav2 a { width: 165px; }
#nav ul li#nav3 a { width: 71px; }
#nav ul li#nav4 a { width: 121px; }
#nav ul li#nav5 a { width: 104px; }
#nav ul li#nav6 a { width: 98px; }

#nav ul li#nav1 a:hover { background: url(images/nav-bar.gif) no-repeat 0px -44px; }
#nav ul li#nav2 a:hover { background: url(images/nav-bar.gif) no-repeat -90px -44px; }
#nav ul li#nav3 a:hover { background: url(images/nav-bar.gif) no-repeat -255px -44px; }
#nav ul li#nav4 a:hover { background: url(images/nav-bar.gif) no-repeat -326px -44px; }
#nav ul li#nav5 a:hover { background: url(images/nav-bar.gif) no-repeat -447px -44px; }
#nav ul li#nav6 a:hover { background: url(images/nav-bar.gif) no-repeat -551px -44px; }


#nav ul ul {
	position:absolute;
	background:#6ac9f2;
	top:44px;
	left:10px;
	display:none;
	z-index:100;
}

#nav ul ul ul { display:none; }

#nav ul ul li {
	display:block;
	position:relative;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	z-index:100;
}	

#nav ul ul li a {
	float:none;
	height:20px;
	padding: 4px;
	text-indent: 0px;
}	

#nav ul ul li a, #nav ul li#nav1 ul li a, #nav ul li#nav2 ul li a, #nav ul li#nav3 ul li a, #nav ul li#nav4 ul li a, #nav ul li#nav5 ul li a { width:140px; }
#nav ul ul li a:hover, #nav ul li#nav1 ul li a:hover, #nav ul li#nav2 ul li a:hover, #nav ul li#nav3 ul li a:hover, #nav ul li#nav4 ul li a:hover, #nav ul li#nav5 ul li a:hover {
	color: #fdc92e;
	background: #6ac9f2 url(none);
}

#nav ul ul ul {
	left: 148px;
	top: 0px;
	position:absolute;
	z-index:100;
}

/****** Cycle Style *****/
#cycle {
	position:relative;
	float:left;
	width: 572px; /* slide width */
	height: 339px; /* slide height */
	overflow: hidden;
	background: url(images/cycle/background.gif) no-repeat; /* slides background image */
}
	
#cycle #cycle_rotation { 
	position:relative;
	margin: 12px; 
	width: 544px; /* slide width */
	height: 311px; /* slide height */
	overflow: hidden;
	border: 2px solid #b9ccd9;
}

#cycle #cycle_rotation div {
	width: 544px; /* slide width */
	height: 311px;
}

#cycle_large {
	position:relative;
	width: 864px; /* slide width */
	height: 339px; /* slide height */
	overflow: hidden;
	background: url(images/cycle/background_large.gif) no-repeat; /* slides background image */
}
	
#cycle_large #cycle_rotation { 
	position:relative;
	margin: 12px; 
	width: 836px; /* slide width */
	height: 311px; /* slide height */
	overflow: hidden;
	border: 2px solid #b9ccd9;
}

#cycle #cycle_rotation div {
	width: 836px; /* slide width */
	height: 311px;
}

#cycle_nav { /* location of rotation navigation */
	position:absolute;
	top:328px;
	width:100%;
	text-align:center;
	z-index:100;
}
#cycle_nav a { /* rotation navagation styling */
	margin: 0 3px;
	width:8px;
	height:8px;
	background: url(images/cycle/slide_inactive.gif) no-repeat;	
}
#cycle_nav a.activeSlide { /* rotation navagation styling for active slide */
	background: url(images/cycle/slide_active.gif) no-repeat;	
}
#cycle_nav a:focus { outline: none; }

#cart {	
	margin-top:25px;
}


/****** Text Styles *****/
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #31588B;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin-top: 0px;
	margin-bottom: 15px;
}

.orange { color: #E17529; }


/****** Classes *****/
.left {
	float:left;
	margin-right:15px;
}
.right {
	float:right;
	margin-left:15px;
}		
.clear {
	clear:both;
}