

/*/////////////////////////////////////

/////LAYOUT////////////////////////////

/////////////////////////////////////*/





body {

margin:0;

background-color:#fff;

padding:0;

padding-bottom:20px;

font-family:arial;

}


a:active {
  outline: none;
}




#category{

	width:735px;

	float:right;

	margin-right:11px;

	margin-top:10px;

	padding:0;
	
	position:relative;

	}



#frame {

	width:915px;

	margin:auto;

	padding:0;

	padding-bottom:75px;

	}

html>body #frame{width:900px;}





#banner {

	background-repeat:no-repeat;

	voice-family: "\"}\"";

	voice-family: inherit;

	height:77px;

	margin-left:10px;

	margin-right:10px;

	}

html>body #banner {

	height:77px;

	}



#banner img{  border:0;}



#leftcontent {

width:130px;

float:left;

margin-left:5px;

margin-top:5px;

	}



html>body #leftcontent {

margin-left:10px;

width:130px;

}

	

#centercontent {

display:none;

margin-left: 209px;

margin-right:129px;

margin-top:10px;

voice-family: "\"}\"";

voice-family: inherit;

margin-left: 211px;

margin-right:131px;

padding:4px;

font-family:arial;

font-size:12px;

color:#404040;



	}

html>body #centercontent {

margin-left: 211px;

margin-right:131px;

	}





#info {

float:right;

font-family:arial;

margin-right:10px;

margin-left:10px;

font-size:12px;

margin-top:5px;

}

div.option {

font-family:helvetica neue light, arial;

color: #404040;

font-size:13pt;

border-bottom:solid 1px #404040;

margin-top:6px;


clear: both

}

div.cbox {
float:left;
margin-top:10px;
margin-right:15px;
width:225px;
height:250px;
color: #404040;
font-size:12px;
}

div.option {


font-family:helvetica neue light, arial;

color: #404040;

font-size:12px;

border-bottom:solid 1px #404040;

margin-top:32px;
margin-bottom:2px;
width:490px;

clear: left;

}

div.option img {

border: 1px solid #666666;

}

div.square {

//width:25px;

//height:25px;

float:left;

overflow:hidden;

margin-right:0px;
margin-bottom:0px;
padding:-1px;
//border: solid 2px #4C5D61;

}

div.squared {

//width:25px;

//height:25px;

float:left;

overflow:hidden;

margin-right:0px;
margin-bottom:0px;
padding:-1px;


}

#c_m{
border:1px solid #4C5D61;
}

div.custom_a {

margin-left:-10px; margin-top:1px; border:0;

}

p{

letter-spacing: 0px;

font-family:arial;

font-size: 15px;

}

	

#lowercontent {



background-color:#fff;

width:730px;

float:right;

margin-right:10px;

margin-top:5px;

padding:4px;

}



.lexbar {

float:right;

margin-right:12px;

margin-top:5px;

}



html>body .lexbar{

margin-right:10px;

}







#review {

width:885px;

background-color:#fff;

float:left;

margin-left:4px;

margin-top:5px;

padding:4px;

font-size:12px;

}



html>body #review{

width:892px;

}



table.revtable td { 



font-weight: normal;

font-size: 11px;

color: #404040;

background-color: white;

text-align: left;

padding: 5px;

}



table.revtable td.head{

font-size:12px;

text-transform: uppercase;

background-color:#eee;

padding:4px;



}



table.revtable td.total{

font-weight:bold;

}



table.revtable td.break{

height:15px;

border-left:no;

border-right:no;

}



table.revtable td.remove{font-size:10px; color:red}





#sub {

background-color:#eee;

width:350px;

float:right;

margin-right:10px;

margin-top:5px;

padding:4px;

font-size:12px;

}



	

#additional

{

float:right;

padding:5px;

border:1px solid #eee;

margin-top:20px;

margin-left:10px;

margin-right:10px;

}

	

#product{	





float:left;

padding:5px;

color:#404040;

margin-top:5px;



}







#rightcontent {



display:none;



float:right;

margin-right:10px;

width:95px;

background-color:#eee;

padding:4px;

font-family:arial;

font-size:12px;

color:#404040;

	}

	

#cart{

padding:4px;

margin:0;

width:120px;

font-size:11px;

}



/*/////////////////////////////////////

/////OTHER STUFF///////////////////////

/////////////////////////////////////*/	



select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}


#sum_options {
width:720px;
font-size:12px;
border-bottom:solid 1px black;
}


img {

border: 1px solid #eee;

   }



H1{

font-size:15px;

font-weight:700;

color: #696969;

   }



A:active {color: #404040;text-decoration:none}

A:link {color: #404040;text-decoration:none}

A:visited {color: #404040;text-decoration:none}

A:hover {color: #404040;text-decoration:underline}



A.remove{font-size:10px; color:red}





.review {

vertical-align:middle;

}



.quantity{

border: 1px solid #404040;

width:17px;

height:20px;

vertical-align: middle;

font-size: 11px;

padding:2px;

background: none;

}



.quantity2{

border: 1px solid #404040;

height:20px;

font-size:11px;

padding:2px;

background: none;

}



.submit{

border: 1px solid #404040;

font-size:11px;

padding:3px;

}

.submit_cart{

border: 0;

font-size:11px;

color:#ffffff;

padding:3px;

background-image:url(orange.gif);

}


a.submit:hover{

text-decoration:none;

}



.middle{

margin:2px;

}





/*/////////////////////////////////////

/////MENU//////////////////////////////

/////////////////////////////////////*/


ul li {list-style-type: none;}



div.one {

    font-family: Arial, Helvetica, sans-serif;

    color:#404040;

    font-size: 12px;

    margin: 0;

    margin-bottom:-4px;

    width: 130px;

    height:100%;

    padding:4px;

    padding-left:0px;

}



div.two {



    font-family: Arial, Helvetica, sans-serif;

    color:#404040;

    font-size: 12px;

    margin: 0;

    margin-bottom:-4px;

    width: 115px;

    height:100%;

    padding:4px;

    padding-left:0px;

}





div.one a:hover {  

    background-color: #fff;

    text-decoration:none;

}





div.one a {

    background-color:#eee;

    color: #404040;

    display: block;

    padding: 2px;

    text-decoration: none;

    width: 100%;

}



div.two a:hover {  

    background-color: #fff;

    text-decoration:none;



}





div.two a {



    background-color:#eee;

    color: #404040;

    display: block;

    padding: 2px;

    text-decoration: none;

    width: 100%;

}



/*/////////////////////////////////////

/////EXPANDABLE LIST//////////////////

/////////////////////////////////////*/



/* expandable list with alternate switch symbol */



ul.altsym {

    font-family: Arial, Helvetica, sans-serif;

    color:#404040;

    font-size: 12px;

    margin: 0;

    margin-left:-17px;

    /*margin-top: 2px;*/

    margin-bottom:2px;

    

    height:100%;

    padding:4px;

    padding-left:0px;

    width:130px;

}



html>body ul.altsym{

margin-left:0;

/*width:130px;*/

}



ul.altsym img {

    vertical-align:middle;

    border: 1px solid #404040;

}



ul.altsym ul {

    margin: 0;

    padding-left: 15px;

}



ul.altsym ul ul {

    display: none;

    margin: 0;

    padding-left: 15px;

}



ul.altsym li {

    list-style-type: none;

    position: relative;

    width: 100%;

    width:120px;



}



ul.altsym li.other {

    list-style-type: none;

    position: relative;

    width: 100%;

    width:120px;    

    margin-top:2px;

    margin-bottom:2px;

}



ul.altsym ul li {

    list-style-type: none;

    position: relative;

    width: 100%;

    margin-top:2px;

    margin-bottom:2px;

}



ul.altsym a:hover {  

    background-color: #fff;

}



ul.altsym li.cart {

    /*background-color:#f0f0f0;*/

    background-color:#eee;

    color: #404040;

    display: block;

    /*margin-left: 17px;*/

    padding: 2px;

    text-decoration: none;

    width: 100%;

}



ul.altsym a {

    /*background-color:#f0f0f0;*/

    background-color:#eee;

    color: #404040;

    display: block;

    /*margin-left: 17px;*/

    padding: 2px;

    text-decoration: none;

    width: 100%;

}



ul.altsym a.visit {

   

    background-image:url(blue.gif);

    color: #404040;

    display: block;

    /*margin-left: 17px;*/

    padding: 2px;

    text-decoration: none;

    width: 100%;

}



ul.altsym a.checkout {

    background-color:66CC33;

    color: #404040;

    display: block;

    padding: 2px;

    text-decoration: none;

    width: 100%;

}



html>body ul.altsym a { width: auto; } /* hidden from Win/IE */



ul.altsym a.switch {

    display:none;

    background: transparent  no-repeat top left;

    border: none;

    height: 15px;

    line-height: 0px; /* Win/IE needs this for some reason */

    margin: 0;

    padding: 0;

    text-indent: -500px;

    position: absolute;

    width: 10px;

}



ul.altsym a.switch:hover {

    //background-color: transparent;

    border: none;

}



ul.altsym a.on { background-position: bottom left; }

ul.altsym a.off { background-position: top left; }



/* Box-model hacks for Win/IE 5.5 \*/

* html ul.altsym { width: 192px; w\idth: 167px; }

* html ul.altsym a { margin-left: 0px; ma\rgin-left: 17px; }

* html ul.altsym a.switch { left: -11px; lef\t: 6px; }

/* end hacks */


