/***** Standard.css for Odem *****/

/**** General ****/
body {
	padding: 0;
	margin: 0;
	background: #000;
	text-align: center;
	font-family: verdana, arial, sans serif;
}
#container {
	margin: 26px auto;
	padding: 0;
	width: 920px;
	text-align: left;
}
img {
	border: none;	
}
form {
	padding: 0;
	margin: 0;
}

/**** Top Menu ****/
#topMenu {
	float: right;
	width: 670px;
	margin-bottom: 12px;
}
#topMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topMenu li {
	float: right;
	margin-right: 19px;
}
#topMenu a {
	display: block;
	font-size: 0.6em; /* mac.css */
	color: #CDBEAF;
	padding-right: 7px;
	background: url(../images/interface/pink_square.gif) no-repeat right 5px; /* mac.css */
}
#topMenu a:link {
	text-decoration: none;
}
#topMenu a:visited {
	text-decoration: none;
	color: #CDBEAF;
}
#topMenu a:hover {
	text-decoration: underline;
}
#topMenu a:active {
	text-decoration: none;
	color: #CDBEAF;
}
#topMenu img {
	float: right;
}
#topMenu #currency {
	float: left;
}
#topMenu #currency a {
	display: block;
	font-size: 0.6em; /* mac.css */
	color: #CDBEAF;
	padding-right: 7px;
	background: none; /* mac.css */
}
#topMenu #currency a:link {
	text-decoration: none;
}
#topMenu #currency a:visited {
	text-decoration: none;
	color: #CDBEAF;
}
#topMenu #currency a:hover {
	text-decoration: underline;
}
#topMenu #currency a:active {
	text-decoration: none;
	color: #CDBEAF;
}
#topMenu #currency .text {
	display: inline;
	font-size: 0.6em; /* mac.css */
	color: #CDBEAF;
	background: none; /* mac.css */
}




/**** Content ****/
#content {
	clear: both;
	height: 470px;
	background: #E4E1D2;
}




/**** Menu Column ****/
#menuColumn {
	width: 250px;
	height: 470px;
	background: #333 url(../images/interface/menucolumn_bg.gif) no-repeat;
	float: left;
}
#menuColumn #logo {
	margin: 33px 0 0 29px;
}
#menuColumn ul {
	margin: 28px 0 0 24px;
	list-style-type: none;
	font-size: 0.8em; /* mac.css */
	padding: 0;
}
#menuColumn li {
	margin: 0;
	padding: 0;
}
#menuColumn a {
	color: #D7D7D5;
	display: block;
	height: 16px;
	padding-left: 11px
}
#menuColumn a:link {
	text-decoration: none;
}
#menuColumn a:visited {
	text-decoration: none;
	color: #D7D7D5;
}
#menuColumn a:hover {
	text-decoration: underline;
	background: url(../images/interface/pink_circle.gif) no-repeat 1px 6px; /* mac.css */
}
#menuColumn a:active {
	text-decoration: none;
}
#menuColumn ul ul {
	margin: 3px 0 0 20px;
	font-size: 0.85em; /* mac.css */
}
#menuColumn ul ul a {
	color: #fff;
}
#menuColumn ul ul a:visited {
	color: #fff;
}
#menuColumn .selected {
	background: url(../images/interface/pink_circle.gif) no-repeat 1px 6px; /* mac.css */
}
#menuColumn ul ul .selected {
	background-position: 0 5px; /* mac.css */
}





/**** Content column ****/
#contentColumn {
	width: 670px;
	height: 470px;
	margin: 0 0 0 250px;
}




/**** Scroller ****/
#scroll {
	width: 670px;
	height: 470px;
	overflow: auto;
	background-image: url(../images/interface/bg_generic.gif);
	background-repeat: repeat-x;
}
.clearfloat {
	clear:both; 
	height:0px;
	line-height:0px; 
	visibility: hidden;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
.vscrollerbase {
	width: 9px;
	background-color: #1E1E1E;
	border-left: 2px solid #000;
}
.vscrollerbar {
	width: 9px;
	background: #A9A9A7 url(../images/interface/scroll_grip_vert.gif) no-repeat center center;
	cursor: pointer;
}
.hscrollerbase {
	height: 9px;
	background-color: #1E1E1E;
	border-top: 2px solid #000;
}
.hscrollerbar {
	height: 9px;
	background: #A9A9A7 url(../images/interface/scroll_grip.gif) no-repeat center center;
	cursor: pointer;
}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: #cc0000;
}

.scrollerinstructions {
	position:relative;
	left: 235px;
	top: 5px;
	float: left;
}


/**** Internals ****/
.internals{
	border-style: solid;
	border-color: #b7b7af;
	border-width: 4px;
}

.internals_cart{
	border-style: solid;
	border-color: #b7b7af;
	border-width: 2px;
}



/**** ProductList ****/
.productList {
	height: 459px; /* mac.css & ie6.css */
	background: #E4E1D2 url(../images/interface/product_bg.gif) repeat;
	position: relative;
	color: #292924;
	font-size: 0.7em;
}
.productList .product {
	/*width: 336px;*/
	width: 333px;
	height: 100%;
	float: left;
	position: relative;
}
.productList .product .image { /* ie6.css & ie7.css */
	/*width: 336px;*/
	/* OLD product list css
	width: 333px;
	height: 242px;
	text-align: center;
	line-height: 232px;
	background: #D2CFC2 url(../images/interface/product_list_shadow.gif) no-repeat left bottom;*/
	/* NEW product list css */
	width: 333px;
	height: 356px;
	text-align: center;
	line-height: 346px;
	background: #D2CFC2 url(../images/interface/product_list_shadow.gif) no-repeat left bottom;
}
.productList .image img {
	border-right: 1px solid #D0CCBE;
}
.productList .content {
	padding: 10px 21px 0 9px;
}
.productList h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.productList h2 img {
 	padding-left: 4px;
 	margin-bottom: 1px;
}
.productList p {
	padding: 0;
	margin: 10px 0 0 0;
}
.productList .description {
	line-height: 1.4;
	margin-top: 10px;
}
.productList .detailLink {
	border-top: 1px solid #CCC9BD;
	border-bottom: 1px solid #CCC9BD;
	padding: 13px 0;
}
.detailLink a {
	display: block;
	width: 300px;
	background: url(../images/interface/detail_arrow.gif) no-repeat 166px 4px; /* mac.css */
	font-weight: bold;
}
.detailLink a:link, .productList h2 a:link {
	color: #292924;
	text-decoration: none;
}
.detailLink a:visited, .productList h2 a:visited {
	color: #292924;
	text-decoration: none;
}
.detailLink a:hover, .productList h2 a:hover {
	color: #292924;
	text-decoration: underline;
}
.detailLink a:active, .productList h2 a:active {
	color: #292924;
	text-decoration: none;
}





/**** Product Detail ****/
#contentColumnDetail {
	width: 670px; /* ie6.css */
	height: 470px;
	margin: 0 0 0 250px;
	position: relative;
}
#contentColumnDetail #scroll {
	/*width: 418px;
	height: 163px;*/
	width: 339px;
	height: 103px;
	overflow: auto;
	position: absolute;
	right: 0px;
	/*top: 307px;*/
	top: 367px;
	/*background: #E4E1D2 url(../images/interface/product_list_shadow3.gif) repeat-x 0 141px;*/
	background: #CDC9BE url(../images/interface/product_list_shadow3.gif) repeat-x 0 81px;
}
#contentColumnDetail .content {
	/*width: 232px;*/ /* ie6.css */
	width: 311px;
	height: 355px;
	border-right: 1px solid #D0CCBE;
	color: #292924;
	font-size: 0.7em;
	padding: 50px 10px 0px 9px;
	background: #E4E1D2;
}
#contentColumnDetail h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#contentColumnDetail p {
	padding: 0;
	margin: 13px 0 0 0;
}
#contentColumnDetail .description {
	line-height: 1.4;
	margin: 14px 20px 0 0;
}
#contentColumnDetail .quantity {
	border-top: 1px solid #CCC9BD;
	border-bottom: 1px solid #fff;
	padding: 18px 0; /* ie6.css */
}
#contentColumnDetail .quantity img {
	margin-left: 4px;
}
#contentColumnDetail a:link {
	color: #292924;
	text-decoration: none;
}
#contentColumnDetail a:visited {
	color: #292924;
	text-decoration: none;
}
#contentColumnDetail a:hover {
	color: #292924;
	text-decoration: underline;
}
#contentColumnDetail a:active {
	color: #292924;
	text-decoration: none;
}
#contentColumnDetail .product {
	/*width: 418px;
	height: 307px;*/
	width: 339px;
	height: 367px;
	background: #cc0000;
	position: absolute;
	right: 0;
	top: 0;
}
#contentColumnDetail .product .image { /* ie6.css  */
	/* OLD product detail css
	width: 418px;
	height: 307px;
	text-align: center;
	line-height: 292px;
	background: #D2CFC2 url(../images/interface/product_list_shadow2.gif) no-repeat left bottom;
	position: relative; */
	/* NEW product detail css */
	width: 339px;
	height: 367px;
	text-align: center;
	line-height: 352px;
	background: #D2CFC2 url(../images/interface/product_list_shadow2.gif) no-repeat left bottom;
	position: relative;
}
#contentColumnDetail .image img {
	vertical-align: middle;
}
#contentColumnDetail .productDetail {
	/*height: 141px;*/
	height: 81px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#contentColumnDetail .productDetail img {
	margin: 0 1px 0 0;
	padding: 0;
}

.back_button {
	top: -35px;
	padding-right: 5px;
	position: relative;
	float:right
}



/**** Blank template ****/
.vertContent {
	width: 659px; /* mac.css */
	line-height: 1.4;
	color: #292924;
	/*font-size: 0.8em;*/
	/*font-size: 0.7em;*/
	font-size: 10px;

}
.vertContent h2 {
	font-size: 14px;
	margin: 0;
	padding: 10px 0px;
}
.normalText {
	line-height: 1.4;
	color: #292924;
	font-size: 10px;
}
.vertContent a:link {
	color: #292924;
	text-decoration: none;
}
.vertContent a:visited {
	color: #292924;
	text-decoration: none;
}
.vertContent a:hover {
	color: #292924;
	text-decoration: underline;
}
.vertContent a:active {
	color: #292924;
	text-decoration: none;
}
.cartHeader {
	border: 1px #666 solid;
	/*background-color: #E4E1D2;*/
	background-color: #666;
	color: #fff;
	border-left: none;
	border-right: none;
}
.cartHeaderFirst {
	border: 1px #666 solid;
	background-color: #666;
	color: #fff;
	border-right: none;
}
.cartHeaderLast {
	border: 1px #666 solid;
	background-color: #666;
	color: #fff;
	border-left: none;
}
.cartCell {
	background-color: #E4E1D2;
}
.seperator {
	background-color: #666;
	height:1px;
}

/**** Checkout form ****/
.contact {
	font-size:10px;
}
.contact_error {
	font-size:10px;
}
.contact input {
	color: #333;
	font-family: verdana, arial, sans serif;
	font-size: 10px;
}
.contact select {
	color: #333;
	font-family: verdana, arial, sans serif;
	font-size: 10px;
}
.contact textarea {
	color: #333;
	font-family: verdana, arial, sans serif;
	font-size: 10px;
}
.contact_error input {
	color: #333;
	font-family: verdana, arial, sans serif;
	border: 1px solid #ca006b;
	background-color: #f9eff4;
	font-size: 10px;
}
.contact_error select {
	color: #333;
	font-family: verdana, arial, sans serif;
	border: 1px solid #ca006b;
	background-color: #f9eff4;
	font-size: 10px;
}
.contact_error textarea {
	color: #333;
	font-family: verdana, arial, sans serif;
	border: 1px solid #ca006b;
	background-color: #f9eff4;
	font-size: 10px;
}
.warn { 
	color:#ca006b;
}


/**** Footer ****/
#footer {
	text-transform: uppercase;
	font-size: 0.6em;
	color: #4E4E4D;
	text-align: right;
}
#footer p {
	margin: 14px 0 0 0;
	padding: 0;
}
#footer a:link {
	color: #4E4E4D;
	text-decoration: none;
}
#footer a:visited {
	color: #4E4E4D;
	text-decoration: none;
}
#footer a:hover {
	color: #4E4E4D;
	text-decoration: underline;
}
#footer a:active {
	color: #4E4E4D;
	text-decoration: none;
}


/**** Button ****/

.mybutton
{
width: auto; 
border: 3px double #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 
padding: 0.25em; 
background-color: #EEEEEE; 
background-repeat: repeat-x; 
color: #333333; font-size: 10px; 
font-weight: bold; 
font-family: Verdana, Helvetica, Arial, sans-serif;
outline: none;
}