html,body { height:100%; margin:0; background:#374F69 url('../images/bg.jpg') repeat-x; font-family: arial; }
td { vertical-align:top; }
img { border:none; }



#container { width:1024px; margin:0 auto; }


#header { height:82px; margin-top:20px; background-color:#fff; }
#header #logo { float:left; padding-left:10px; }
#header #banner { float:left; width:531px; height:54px; margin-left:10px; background:url('../images/message.gif') no-repeat; }
#header #dosage_thumb { float:right; padding-top:7px; padding-right:10px; }


#hnav { height:28px; background:url(../images/nav_bg.gif) repeat-x; clear:both; }
#hnav #cocodes { float:left; margin-top:6px; font-size:12px; text-align:right; }



#pagebody { display:table; width:100%; padding-top:8px; padding-bottom:8px; background-color:#fff; }



#column-2 { width:816px; }
#column-2_inner { text-align:center; }


#footer { height:43px; background:url(../images/footer_bg.gif) repeat-x; }
#footer_inner { padding-top: 8px; font-size: 10px; text-align: center; color: #3B3984; }


.title_arrow { margin: 0 5px 0 5px; }

.sizedesc { display: block; font-size: 14px; }

#search_field {
	float: left;
	width: 280px;
	height: 26px;
}

#searchfield_inner {
	float:left;
	height:26px;
	padding-left: 12px;
}

#search_input {
	float: left;
	margin-top:2px;
}

#search_btn {
	float: left;
	margin-top:5px;
	margin-left:10px;
}

#nav_links {
	float: left;
	width: 400px;
	height: 28px;
	border-left: 1px solid #EDF0F2;
}

#nav_links a {
	display: block;
	float: left;
	height: 20px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #EDF0F2;
	font: 12px arial;
	color: #143946;
	text-decoration: none;
}



/* Column-1
===================================*/
#vnav_container {
	float: left;
	width: 169px;
	margin-right: 12px;
	margin-left: 12px;
}

#navigation { font-size: 12px; }
#navigation_title_1 {
	height: 26px;
	background: url('../images/sidepanel_title_bg1.gif') no-repeat;
	text-align: center;
}
#navigation_title_2 {
	height: 26px;
	background: url('../images/sidepanel_title_bg2.gif') repeat-x;
	line-height: 26px;
	text-align: center;
}
#navigation_title_3 {
	height: 26px;
	background: url('../images/sidepanel_bottom_bg.gif') no-repeat;
}
#navigation .title { font: bold 14px arial; color: #143946; line-height: 28px; }

#navigation ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-right: 1px solid #febd1f;
	border-left: 1px solid #febd1f;
}
#navigation ul li {
	list-style: none;
	border-bottom: 1px solid #febd1f;
	text-indent: 10px;
}
#navigation ul li:hover { position: relative; z-index: 999; }

/*Sub Menu*/
#navigation ul ul {
	width: 169px;
	display:none;
	margin:0;
	padding:0;
	position:absolute;
	left:150px;
	top:-10px;
	background-color:#fff;
	
	border-right:1px solid #febd1f;
	border-bottom:1px solid #febd1f;
	border-left:1px solid #febd1f;
}
#navigation ul li ul { z-index: 999; }
#navigation ul ul a { display: block; border-top: 1px solid #febd1f; }
#navigation ul li:hover ul { display: block; }
#navigation ul ul li { z-index: 999; width: 169px; float: left; display: inline; border: none; }
#navigation ul ul li:hover { text-decoration: none; border: none; }
#navigation li:hover ul li ul { display: none; }
#navigation ul ul li ul { left: 110px; background-color: #0099CC; }
#navigation ul ul li:hover ul { display: block; }

#navigation a { display: block; height: 18px; line-height: 18px; }
#navigation a:link {
	color:#143946;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

#navigation a:active {
	color:#143946;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

#navigation a:visited {
	color:#143946;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}

#navigation a:hover {
	display:block;
	font-weight:normal;
	font-size:12px;
	background-color:#ffebba;
	text-decoration:none;
}



#other_links div { margin-top: 4px; }






/* Content-Views :: Common
===================================*/
#title {
	height: 25px;
	margin-left: 10px;
	font-weight: bold;
	color: #00435b;
	text-align: left;
}

#title a {
	text-decoration: none;
	color: #00435b;
}

#products_container {
	margin-left: 10px;
}

#details_section a { display: block; height: 100%; color: #000; text-decoration: none; }




#products_container div { width:148px; height:225px; float:left; margin:14px 4px 0 4px; border:2px solid #c4e4ff; }
#products_container div :hover { background-color:#ffebba; }
#products_container img { width:75px; height:100px; margin-top:8px; margin-bottom:8px; }
#products_container a { display:block; width:148px; height:225px; text-align:center; text-decoration:none; font-size:12px; color:#00435b; }
#products_container span { display:block; text-align:left; padding-right:10px; padding-left:20px; }
#pdocuts_container .sizedesc { font-size:14px; }



/* Content-Views :: Page View
===================================*/
#product_container {
	display: table;
	border: 2px solid #c4e4ff;
	float: left;
	width: 148px;
	height: 225px;
	margin-top: 14px;
	margin: 14px 4px 0 4px;
}

#product_container a { width: 148px; height: 225px; }

#product_container:hover {
	background-color: #ffebba;
}

#product_thumb {
	margin-top: 4px;
	text-align: center;
}

#product_thumb img {
	width: 75px;
	height: 100px;
	border: none;
}

#product_info {
	display: table;
	width: 130px;
	margin: 0 auto; 
	padding-top: 10px;
	padding-left: 3px;
	text-align: left;
	font-size: 12px;
	color: #00435b;
}




/* Content-Views :: Product View
===================================*/
#product_styles #image_section {
	float: left;
	margin-right: 15px
}

#product_styles #product_image {
	border: 1px solid #000;
	width: 300px;
	height: 400px;
}

#product_styles #product_title {
	padding: 5px 0 5px 0;
	text-align:left;
}

#product_styles #product_content {
	padding: 0 40px 20px 0;
	text-align:left;
}

#product_styles #product_prices {
	float: left;
	width: 127px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#product_prices .quantity {
	float: left;
	width: 50%;
	height: 17px;
	padding-top: 4px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 14px;
	text-indent: 2px;
}

#product_prices .price {
	float: left;
	width: 49%;
	height: 17px;
	padding-top: 4px;
	border-bottom: 1px solid #000;
	font-size: 14px;
	text-indent: 2px;
}

#product_styles .product_colors {
	display: table;
	width: 260px;
	height: 50px;
	margin: 0 0 10px 20px;
}

.product_colors .container {
	float: left;
	width: 50px;
	height: 45px;
	text-align: center;
}

.product_colors .color {
	width: 25px;
	height: 25px;
	margin: 0 auto;
}

.product_colors .color_name {
	height: 25px;
	font-size: 10px;
}