/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0; word-spacing: 0.05em;}

html {height: 100%;}

body {font: 62.5% Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #5a5b5e; background: #ffffff url(../images/bg_page.gif) 0 0 repeat-x; height: 100%;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.4em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 0.9em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 1em 0 1em 0; background: #c1c1c1; width: 100%; height: 1px; color: #c1c1c1; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px dotted #c1c1c1;}
	.hr hr {display: none;}

.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: none;}
	img.left {float: left; margin: 2px 20px 10px 0;}
	img.leftBordered {float: left; margin: 2px 20px 10px 0; border: 2px solid #c1c1c1;}
	img.right {float: right; margin: 2px 0 10px 30px;}
	img.rightBordered {float: right; margin: 2px 0 10px 30px; border: 2px solid #c1c1c1;}
	img.center {float: none; margin: 0 auto; display: block;}
	img.bordered {margin: 2px 20px 10px 0; border: 2px solid #c1c1c1;}

.caption {color: #ff0000; font-size: 0.9em; font-style: italic; text-align: left; display: block;}


/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #f69f2a; text-decoration: none; cursor: pointer;}
	a:hover {color: #333333;}
	a:focus {-moz-outline: none;}
	a.rss {background: url(../images/icon_rss.gif) 0 50% no-repeat; padding: 0 0 0 17px;}
	a.pdf {background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat; padding: 2px 0 2px 20px;}
	a.doc {background: transparent url(../images/icon_doc.gif) 0 0 no-repeat; padding: 2px 0 2px 20px;}
	a.xls {background: transparent url(../images/icon_xls.gif) 0 0 no-repeat; padding: 2px 0 2px 20px;}


/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em; font-weight: normal; border: 0;}

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1 {font-size: 1.8em; font-weight: normal; color: #083584; margin: 1em 0 1em 0;}

h2 {font-size: 1.6em; font-weight: normal; color: #0b8332; margin: 1em 0 1em 0;}

h3 {font-size: 1.4em; font-weight: normal; color: #0b8332; margin: 1em 0 1em 0;}

h4 {font-size: 1.2em; font-weight: bold; color: #083584; margin: 1em 0 0.5em 0;}

h5 {font-size: 1.1em; font-weight: bold; color: #0b8332; margin: 0 0 0.5em 0;}

h6 {font-size: 1em; font-weight: bold; color: #0b8332; margin: 0 0 0.3em 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.3em 0;}
	ul.spaced li {margin: 0 0 1em 0;}

ul.files {list-style: none; margin: 0.5em 0 1em 0.1em;}
	ul.files li {padding: 2px 0 2px 20px; zoom: 1; /* stop IE6 from forgetting about the arrows */}
		ul.files li.pdf {background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat;}
		ul.files li.doc, ul.files li.docx {background: transparent url(../images/icon_doc.gif) 0 0 no-repeat;}
		ul.files li.ppt, ul.files li.pptx {background: transparent url(../images/icon_ppt.gif) 0 0 no-repeat;}
		ul.files li.xls {background: transparent url(../images/icon_xls.gif) 0 0 no-repeat;}

ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

/*
-----------------------------------------------------------------------------
Forms
-----------------------------------------------------------------------------*/

form {font-size: 1em;}
	form ul {list-style: none;}
	form p {margin: 3em 0 1em 0; font-size: 0.9em;}
		form p.checkbox {width: 300px; margin: 3em 0 0 205px;}

.message {color: #f69f2a; font-size: 0.9em; margin: 0; padding: 0; font-weight: bold; font-style: italic;}
.good {color: #5a5b5e; background: #f7f7f7; padding: 5px 5px; border: 1px solid #dddddd; font-weight: bold;}

fieldset {margin: 10px 0 5px 0; border: 1px solid #dddddd; background: #fcfcfc; padding: 10px 10px 10px 10px;display:block;clear:both}

label {padding: 0 5px 0 0;}
	label.left {float: left; text-align: right; width: 200px;}

input, textarea, select {font: 1em Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #5a5b5e; background: #f7f7f7; margin: 0 0 3px 0; padding: 1px 2px 1px 2px; border: 1px solid #dddddd;}
	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: #ffffff; border: 1px solid #083584;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}

	input.action {float: none; border: 1px solid #083584; color: #ffffff; background: #083584; margin: 0 3px 2px 0; cursor: pointer; text-transform: uppercase; font-weight: bold; width: auto !important; padding: 2px 5px 2px 5px; font-size: 0.8em;}
		input.action:hover {color: #083584; background: #f69f2a; border: 1px solid #f69f2a; cursor: pointer;}

.middleColumn {float: left;}

.Actions {margin: 10px 0 0 215px; width: 200px;}
	.Actions p {margin: 1em 0 0 0;}

.field {clear: both;}
	.field input, .field textarea {width: 200px;}
	.field select {width: 208px;}
	.field input.file {border: none; width: 100%;}

optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 10px;}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}


#LoginBox {background: #5e7caf; padding: 10px 10px; color: #bbbbbb; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;}
	#LoginBox fieldset {margin: 0; border: none; padding: 0; background: none;}
	#LoginBox label.left {width: 60px;}
	#LoginBox .field input {width: 100px;}
	#LoginBox p {margin: 5px 0 0 0;}
	#LoginBox p.checkbox {width: 120px; margin: 10px 0 0 65px;}
	#LoginBox .Actions {margin: 10px 0 0 65px;}
	#LoginBox input.action {margin: 0;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#Container {position: relative; width: 999px; margin: 0 auto; text-align: left; background: transparent url(../images/bg_container.gif) 0 15px no-repeat; min-height: 100%; _height: 100%; /* min-height for IE6 */}

	#Container .container {position: relative; padding: 15px 22px 200px 22px;}

#Header {position: relative; height: 120px;}

#HeaderStrip {position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(../images/bg_header-strip.gif) 0 0 repeat-y; overflow: hidden;}

#Logo {position: absolute; top: 33px; left: 45px; display: block; background: transparent url(../images/logo_icb.jpg) 0 0 no-repeat;}
	#Logo a {display: block; width: 180px; height: 63px;}
		#Logo a span {display: none;}

#HeaderImg {position: absolute; width: 730px; height: 110px; top: 10px; left: 225px; overflow: hidden;}
	#HeaderImg img {width: 730px; height: 110px;}

#Main {background: url(../images/bg_main.gif) 0 0 repeat-y;}

#Sidebar {float: left; width: 225px; color: #899ec4; background: url(../images/bg_main.gif) 0 0 repeat-y;}
	#Sidebar .container {padding: 20px 22px 20px 32px;}

#Content {float: right; width: 580px; margin: 20px 0 0 0; padding: 0 50px 0 0; text-align: justify; font-size: 1.2em; line-height: 1.25em;}
	#Content p, #Content br {line-height: 1.25em;}

#Breadcrumbs {padding: 0 0 40px 0;}
	#Breadcrumbs .floatleft {font-size: 0.8em;}
	#Breadcrumbs .floatright {font-size: 0.8em;}

#Footer {position: relative; width: 100%; color: #ffffff; font-size: 0.9em; background: #cccccc url(../images/bg_footer.gif) 0 0 repeat-x; padding: 0; margin: -200px 0 0 0;}

	#Footer .container {position: relative; width: 955px; height: 50px; padding: 50px 0 100px 0; margin: 0 auto; zoom: 1;}
		#Footer .container:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
	#Footer a {color: #ffffff;}
		#Footer a:hover {color: #333333;}
	#Footer .floatleft {padding: 0 0 0 0;}
	#Footer .floatright {padding: 0 50px 0 0;}

/*-----------------------------------------------------------------------------
	LEFT NAVIGATION 1
-----------------------------------------------------------------------------*/

.nav {padding: 20px 0 20px 35px;}

.nav ul {list-style: none; padding: 0; margin: 0 0 1em 0;}

.nav li {font-weight: bold; margin: 0; padding: 0;}
	.nav li a {color: #ffffff; display: block; padding: 5px 10px 5px 10px; border-bottom: 1px solid #0b8332; text-transform: uppercase;}
	* html .nav li a {display: inline-block; width: 170px;}
		.nav li a:hover, .nav li a.current {color: #083584; background: #f69f2a; border-left: 5px solid #0b8332; padding: 5px 10px 5px 5px;}
			.nav li a.current:hover {color: #083584;}

.nav li ul {background: #5e7caf; margin-left: 5px;}
.nav li li {font-weight: normal;}
	.nav li li a {padding: 4px 10px 4px 15px; border: none; color: #ffffff;}
	* html .nav li li a {width: 160px;}
		.nav li li a:hover, .nav li li a.current {border: none; padding: 4px 10px 4px 15px;}
			.nav li li a.current {font-weight: bold;}

/*-----------------------------------------------------------------------------
	LEFT NAVIGATION 2
-----------------------------------------------------------------------------*/

.nav2 {padding: 20px 15px 20px 45px; font-size: 0.9em;}

.nav2 ul {list-style: none; padding: 0; margin: 0;}

.nav2 li {font-weight: bold; margin: 0; padding: 0;}
	.nav2 li a {color: #899ec4; display: block; padding: 3px 0 3px 0;}
	* html .nav2 li a {display: inline-block; width: 100%;}
		.nav2 li a:hover, .nav2 li a.current {color: #ffffff;}

#ReadTermsAndConditions .right {
left:3px;
overflow:hidden;
position:relative;
text-align:left !important;
display:block;
}
#Form_RegisterForm_ReadTermsAndConditions {
float:left;
}

/**/
.view-cart{
	height: 32px;
	margin-bottom: 20px;
}
.view-cart a{
	float: right;
	height: 32px;
	width: 154px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	text-decoration: underline;
	background: url(../images/btn-viewcart.gif) no-repeat;
}
.view-cart a:hover{
	color: #fff;
	text-decoration: none;
}
.product-list table{
	table-layout: fixed;
}
.product-list th{
	font-weight: bold;
}
.size-list li{
	float: left;
	width: 50px;
	overflow: hidden;
	margin: 0;
	padding: 0 2px 5px;
	border: 1px solid #D2D2D2;
	border-width: 0 1px 1px 0;
}
.size-list label{
	display: block;
	font-weight: bold;
	text-align: center;
	color: #00AEEF;
	padding: 0 0 5px;
}
.size-list input{
	width: 42px;
	padding: 0 3px;
}
.product-operate{
	margin: 15px 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}
.product-operate li{
	float: left;
	padding: 1px 10px;
	margin-right: 8px;
	border: 1px solid #ccc;
	background: #0099FF;
}
.product-operate a,.product-operate a:hover{
	color: #fff;
}
.product-operate a:hover{
	text-decoration: underline;
}