@charset "utf-8";
/* CSS Document
brown is background-color:#492501;
yellow is color:#FF0;
 */


body{ background-color:#ffffff; font-family:arial,verdana; }

h1 {font-family:arial,verdana;  font-size:22px;    font-weight:bold; color: #000000;margin-left:20px; margin-right:20px;}
h2 {font-family:arial,verdana;  font-size:19px;    font-weight:bold; color: #000000;margin-left:20px; margin-right:20px;}
h3 {font-family:arial,verdana;  font-size:17px;    font-weight:bold; color: #000000;margin-left:20px; margin-right:20px;}
h4 {font-family:arial,verdana;  font-size:12px;    font-weight:bold;  color: #000000;margin-left:20px; margin-right:20px;font-style:italic;}
h5 {font-family:arial,verdana;  font-size:13px;    font-weight:bold; color:#000000;margin-left:20px; margin-right:20px; line-height:8px;}
h6 {font-family:arial,verdana;  font-size:10px;    font-weight:bold; color: #000000;margin-left:20px; margin-right:20px; font-variant: small-caps;}

p {font-family:Verdana; font-size:12px; color:#000; line-height:16px; margin-left:20px; margin-right:20px;}
li {font-family:Verdana; font-size:12px; color:#000; line-height:18px; margin-left:20px; margin-right:20px; text-decoration:none;}
li a {font-family:Verdana; font-size:12px; color:#00F; line-height:18px; margin-left:20px; margin-right:20px; text-decoration:underline;}
.status {font-weight:bold; color: #F00;}

/******* containers *******************/
#container_outer{ margin-top:0px; width:100%; min-height: 1200px;  background-color:#f4e6a4;}
#container_inner{ margin-left:auto;margin-right:auto; width:1200px;  margin-top:-8px; background-color:#f4e6a4; border-radius:0px;border:0px solid #970000;  }
#container_inner_ro{ width:2000px;  margin-top:-8px; background-color:#f4e6a4; border-radius:0px;border:1px solid #970000;  }
/***** header*************/
.logo, .logo a{ height:96px; float:left; font-size:36px; text-decoration:none; font-family: Verdana, Geneva, sans-serif; margin-top:2px;}
.phone{font-family:Arial, Helvetica, sans-serif; font-size:22px;  float:right;margin-top:175px; color:#FFFFFF;}
.address{font-family:"Times New Roman", Times, serif; font-size:18px; }

#topheader{ margin-left:auto;margin-right:auto;width:925px; height:202px; background-image:url(../images/html/Image/top_header_ROT.jpg); }
#topheader .phone,#topheader .address{ color:#003365;}

/**** banner styles ***********/

#banner{ float:left; margin-left:75px; width:450px; height:286px;   padding:0px 0px 0px 0px;}
.bannertitle {font-family: Verdana, Geneva, sans-serif; font-size:22px; color:#FFFFFF;}

/****** top left and right boxes ******/
#topright  { display:block; float:left;   width:432px; height:350px; background-color:#ebe1c5;margin-left:8px; border-top:solid 0px #ffffff; overflow:auto;  }
#topleft   { display:block; float:left;   width:431px; height:300px; background-color:#ebe1c5;margin-left:8px; border-top:solid 0px #ffffff;   }


/****** sidenav classes are in sidenav.css ******/

#sidenav { float:left; width:150px; border: solid 1px #000; }
/****** topnav classes are in topnav.css ******/
#nav { margin-top:0px; width:100%; height:55px; }
/****** main layout column options ******/
#ro_content {float:left; width:1500px; margin-left:50px; background-color:#FFF;}
#customer_content {float:left; width:1500px; margin-left:50px; background-color: #f9f4df;}
#midcol {float:left; width:775px; background-color:#FFF;}
#rightcol {float:left; width:190px; background-color:#fff; border-left:solid 0px #00FF00; margin:10px 0px 0px 0px;}
#mainmidcol {float:left; width:690px; background-color:#FFF;}
#fullcol{float:left; width:800px; background-color:#FFF;}


#clear{clear:both;}

/******  content options ******/
#contenth{ width:735px; margin-left:auto;margin-right:auto;border:solid 0px #000; }
.onethird {float:left; width:33%;}
.twothirds {float:left; width:66%;}
.onequarter {float:left; width:24%;}
.half {float:left; width:48%;}
.threequarters {float:left; width:74%;}

.rush {display:block; color:#FFF; background-color:#FF0000;}

/****** margins and paddings ******/
.marg_l10 {	margin-left:10px;}
.marg_r10{	margin-right:10px;}
.marg_t50{	margin-top:50px;}

/****** footer ******/
#footer { float:left; width:1500px; background-color:#003365;}
#cyber { float:left; width:990px; }
.cyber,.cyber a { color:#003365; text-decoration:none; font-size:9px; line-height:12px; }

/******tables*****************/
.tablehead ,.tablehead a {border:1px #666666 solid; background-color:#492501; color:#FF0;}
.tablehead h1 a,.tablehead h1{color:#FFf;}
.tablehead h2 {color:#FF0;}
.tableroweven {background-color:#CCFFCC;}
.tablerowodd {background-color:#ffffff;}

/*********Customer Tables ********/
.customerroweven, .watch_data  {background-color:#ffffff; font-size:.9em; font-weight:bold;}
.customerrowodd {background-color:#2ED9A; font-size:.9em; font-weight:bold;}
.customertracking {background-color:#2ED9A; font-size:.9em; font-weight:400;}
.customertracking_on {background-color:#FF0; font-size:.9em; font-weight:bold;}
.customertracking tr, .customertracking_on tr{ padding:5px;}
/******FAQ*********/
.hide {	display:none;padding:10px;	border:solid 1px #ccc;background:#EBEBEB;}

/******temporary stuff ****************/
#emailtosend { display:block; border:solid 6px #00F; width:50%;}
#editnote  { display:block; border: dotted 6px #492501; width:50%;}

/****** general buttons ******/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 1.5em/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.yellow {
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #f8de85;
	background: -webkit-gradient(linear, left top, left bottom, from(#e9c70c), to(#f8de85));
	background: -moz-linear-gradient(top,  #e9c70c,  #f8de85);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#f8de85');
}
.yellow:hover {
	background: #e9e184;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9b207), to(#f8de85));
	background: -moz-linear-gradient(top,  #f5d34d,  #f8de85);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b207', endColorstr='#f8de85');
}
.yellow:active {
	color: #fef4e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecb50c), to(#f8de85));
	background: -moz-linear-gradient(top,  #e9c70c,  #f8de85);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#f8de85');
}
.orange {
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #f59e06;
	background: -webkit-gradient(linear, left top, left bottom, from(#f59e06), to(#f8c205));
	background: -moz-linear-gradient(top,  #f59e06,  #f8c205);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59e06', endColorstr='#f8c205');
}
.orange:hover {
	background: #e9e184;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9b207), to(#f8de85));
	background: -moz-linear-gradient(top,  #f5d34d,  #f8de85);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b207', endColorstr='#f8de85');
}
.orange:active {
	color: #fef4e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecb50c), to(#f8de85));
	background: -moz-linear-gradient(top,  #e9c70c,  #f8de85);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#f8de85');
}
.brown {
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #BA9797;
	background: -webkit-gradient(linear, left top, left bottom, from(#795339), to(#BA9797));
	background: -moz-linear-gradient(top,  #795339,  #BA9797);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#BA9797');
}
.brown:hover {
	background: #5E4739;
	background: -webkit-gradient(linear, left top, left bottom, from(#A25A1A), to(#BA9797));
	background: -moz-linear-gradient(top,  #A25A1A,  #BA9797);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A25A1A', endColorstr='#BA9797');
}
.brown:active {
	color: #fef4e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecb50c), to(#BA9797));
	background: -moz-linear-gradient(top,  #795339,  #BA9797);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#BA9797');
}
.browncw {
	font: 1em/100% Arial, Helvetica, sans-serif;
	color: #ff0;
	border: solid 1px #10385f;
	background: #492501;
	background: -webkit-gradient(linear, left top, left bottom, from(#795339), to(#492501));
	background: -moz-linear-gradient(top,  #795339,  #492501);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#492501');
}
.browncw:hover {
	background: #492501;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#A25A1A), to(#BA9797));
	background: -moz-linear-gradient(top,  #A25A1A,  #BA9797);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A25A1A', endColorstr='#BA9797');
}
.browncw:active {
	color: #fef4e9;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecb50c), to(#BA9797));
	background: -moz-linear-gradient(top,  #795339,  #BA9797);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecb50c', endColorstr='#BA9797');
}
.silver {
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #cbdced;
	background: -webkit-gradient(linear, left top, left bottom, from(#84b6e9), to(#cbdced));
	background: -moz-linear-gradient(top,  #84b6e9,  #cbdced);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#84b6e9', endColorstr='#cbdced');
}
.silver:hover {
	background: #e1e3e4;
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e3e4), to(#adb0b4));
	background: -moz-linear-gradient(top,  #e1e3e4,  #adb0b4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e3e4', endColorstr='#adb0b4');
}
.silver:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e3e4), to(#adb0b4));
	background: -moz-linear-gradient(top,  #e1e3e4,  #adb0b4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e3e4', endColorstr='#adb0b4');
}
.blue {
	font: 1em/100% Arial, Helvetica, sans-serif;
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #84b6e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a77a4), to(#84b6e9));
	background: -moz-linear-gradient(top,  #4a77a4,  #84b6e9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a77a4', endColorstr='#84b6e9');
}
.blue:hover {
	background: #84b6e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#78b3ef), to(#84b6e9));
	background: -moz-linear-gradient(top,  #78b3ef,  #84b6e9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#78b3ef', endColorstr='#84b6e9');
}
.blue:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a77a4), to(#84b6e9));
	background: -moz-linear-gradient(top,  #4a77a4,  #84b6e9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a77a4', endColorstr='#84b6e9');
}

.red {
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #f87e7e;
	background: -webkit-gradient(linear, left top, left bottom, from(#d61b1b), to(#f87e7e));
	background: -moz-linear-gradient(top,  #d61b1b,  #f87e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d61b1b', endColorstr='#f87e7e');
}
.red:hover {
	background: #f87e7e;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9077f), to(#f87e7e));
	background: -moz-linear-gradient(top,  #f9077f,  #f87e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9077f', endColorstr='#f87e7e');
}
.red:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#d61b1b), to(#f87e7e));
	background: -moz-linear-gradient(top,  #d61b1b,  #f87e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d61b1b', endColorstr='#f87e7e');
}

.dred {
	color: #fef4e9;
	border: solid 1px #10385f;
	background: #d61b1b;
	background: -webkit-gradient(linear, left top, left bottom, from(#d61b1b), to(#741313));
	background: -moz-linear-gradient(top,  #d61b1b,  #741313);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d61b1b', endColorstr='#741313');
}
.dred:hover {
	background: #f7a3a3;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9077f), to(#f87e7e));
	background: -moz-linear-gradient(top,  #f9077f,  #f87e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9077f', endColorstr='#f87e7e');
}
.dred:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#d61b1b), to(#741313));
	background: -moz-linear-gradient(top,  #d61b1b,  #741313);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d61b1b', endColorstr='#741313');
}

/****** messages error and success ******/
.msg_errors
{
	width:500px;
	background-color:#edbfbf;
    padding:10px 10px 10px 10px;
    border:1px solid #ff0000;
    margin-right:150px;
    color:#000000;
    list-style-type:none;
}
.msg_title
{
	font-size:1.2em;
    font-weight:bold;
    margin-bottom:10px;
}
.msg_success
{
	width:500px;
	background-color:#08b370;
    padding:10px 10px 10px 10px;
    border:1px solid #ff0000;
    margin-right:150px;
    color:#000000;
    list-style-type:none;
}
.msg_cart_red
{
	background-color:#ff0000;
    padding:5px 5px 5px 5px;
    border:1px solid #ff0000;
    color:#ffffff;
    font-size:0.8em;
    font-weight:bold;
}
.noresults
{
	color:#666666;
    font-size:1.5em;
    font-weight:normal;
    margin:0px;
    padding:0px 0px 5px 30px;
}

/****** shipping checkout forms ******/
.sform{	margin:30px 30px 0px 30px;}
.sform label{    clear:both;    width:180px;	float:left;	text-align: left;	margin-right: 10px;    display: block;    font-size:1em;    font-weight:bold;    color:#000000;}
.sform input[type=text], .sform input[type=file], .sform input[type=password]{    float: left;	width:300px;	color: #781351;	background: #ffffff;	border: 1px solid #666666;}
.sform .submit{	float: right;    width:128px;    border: 0px solid #666666;    margin:20px 10px 20px 0px;}
.sform .backbasket{	float: left;    width:128px;    border: 0px solid #666666;    margin:20px 10px 20px 0px;}
.sform textarea{	float: left;	width:200px;    height:100px;	color: #781351;	background: #ffffff;	border: 1px solid #666666}
.sform label,.sform input,.sform textarea,.sform select{	margin-bottom:10px;}
.sform select{    float: left;	width:250px;	color: #781351;	background: #ffffff;	border: 1px solid #666666;}
.sform .checkb{    float: left;	width:15px;	color: #781351;	background: #ffffff;	border: 1px solid #666666;}
.sform h2{    background-color:#492501;    clear:both;    padding:5px;    height:20px;    font-size:1.2em;	letter-spacing:0.0em;	font-family:Verdana, Geneva, sans-serif;    color:#ff0;    margin:0px 0px 10px 0px ;    text-align:left;}
.sform .submit{    float: left;    width:128px;    border: 0px solid #666666;    margin:20px 10px 20px 130px;}
.sform .blank_title{    clear:both;    width:180px;	float:left;	text-align: left;	margin-right: 10px;    display: block;    font-size:1em;    font-weight:bold;    color:#000000;    margin-bottom:10px;}
.sform .blank_field{    float: left;	width:300px;	color: #000000;	border: 0px solid #666666;    padding:3px;}

/****** general classes ******/
.floatleft{	float:left;}
.floatright{	float:right;}

/****** members login area ******/
.member_menu{	margin:20px 0px 0px 0px;    padding:0px}
.member_menu li{	display:inline;    margin:0px;}
.member_menu li a{    color:#ffffff;    text-decoration:none;    padding:5px;    background-color:#336699;}
.member_menu li a:hover{    color:#ffffff;    text-decoration:none;    background-color:#000000;}

.login_button { margin-left:190px;}
.sendpass_button { margin-left:190px;}
.forgotpass { margin:50px 0px 0px 190px; }
.gotologin_button { margin:50px 0px 0px 190px; }
.loggedin {text-align:center; margin:auto; padding:10px;}            

.w800 {clear:both;margin-left:auto; margin-right:auto;  width:800px;}
.clr{ clear:both; }