/* CSS Document */

/*CSS Reset Reloaded*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;font-style: inherit; font-size: 100%; font-family: Arial; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}

/*Global Styling*/
body{background:url(/images/main-bg.gif) repeat-x #fff; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 11px;}
#skiplinks{display:none;}
a:link {color: #ff9900; text-decoration:underline}
a:visited {color: #666; text-decoration:underline}
a:hover {color: #ff9900; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
h2{font-size:18px}
h2 a{font-family:"Trebuchet MS", Tahoma, Verdana; text-decoration:none;}
h3{font-size:14px; font-weight:bold}
h4{font-size:12px;}
h5{font-size:10px}
h6{font-weight:bold}

/*headers*/
.head-about{background:url(/images/head-about.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-terms{background:url(/images/head-terms.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-delivery{background:url(/images/head-delivery.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-faq{background:url(/images/head-faq.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-security{background:url(/images/head-security.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-sitemap{background:url(/images/head-sitemap.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-links{background:url(/images/head-links.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-access{background:url(/images/head-access.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-contact{background:url(/images/head-contact.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-shop{background:url(/images/head-shop.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-checkout{background:url(/images/head-checkout.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-privacy{background:url(/images/head-privacy.gif) 0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}

/*Layout */
#wrapper{width:100%; height:100%;}



#content-box{width:800px; padding:0; margin:0 auto;}

#page-heading{width:755px; height:30px; padding:20px 20px 0 25px;}

.col1{width:360px; float:left; padding:20px 0px 30px 10px; margin:0 10px 0 16px; color:#333; line-height:16px; text-align:justify;font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
.colfull{width:760px; float:left; padding:20px 0px 30px 10px; margin:0 10px 0 16px; color:#333; line-height:16px; text-align:justify;font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
.col1 p{font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
.colfull p{font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:13px; margin-top:20px; line-height:22px;}
.colfull .total{font-size:16px; color:#CC0000; margin:10px 0 0 0;  font-weight:bold;}

.colfull .order-no{font-size:14px; color:#999; margin:10px 0 0 0; font-weight:bold;}

#type1 h2, #type2 h2{font-weight:bold; color:#333;}

/*bottom boxes*/
#bottom-boxes{width:790px; height:90px; padding:0 5px 0 5px; margin:0 auto; clear:both;}
#bottom-boxes strong{display:none;}
#box1{width:221px; height:70px; float:left; background:url(/images/bottombox5.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 19px; color:#fff;}
#box1 h2, #box1 h2 a, #box2 h2, #box2 h2 a, #box3 h2, #box3 h2 a{display:block; width:221px; height:70px; text-indent:-9999px;}
#box2{width:221px; height:70px; float:left; background:url(/images/bottombox2.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}
#box3{width:221px; height:70px; float:left; background:url(/images/bottombox3.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}

/*mast*/
#mast{height:69px; width:800px; margin:0 auto;}
#mast h1, #mast h1 a{text-indent:-1000px; margin:0 0; padding:0; background:url(/images/logo.gif) 0 0 repeat-x; border:0; display:block; height:69px; width:323px;}
#logo{float:left; width:323px; height:69px;}
#mast-nav{width:286px; height: 44px; float:right; margin:25px 20px 0 0; background: url(/images/mast-nav-bg.gif) 170px 0 no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}

#mast-nav ul {list-style:none; border:none; margin:0; padding:0;}
#mast-nav li {display: inline; float: left; padding:5px 0 5px 5px;}
#mast-nav li a {display: block;  text-decoration: none; color:#fff;}
html>body #mast-nav li a {width: auto;}
#mast-nav li a:hover {color: #ff9900;}

/*google button*/
#google-button{width:170px; height:43px; padding:0!important;}

/*mast

/*header*/
#head-content{height:152px; width:800px; margin:0 auto;  background:url(/images/header-ran1.jpg) 0 0 no-repeat;}
#head-content1{height:152px; width:800px; margin:0 auto;  background:url(/images/header-ran2.jpg) 0 0 no-repeat;}
#head-content2{height:152px; width:800px; margin:0 auto;  background:url(/images/header-ran3.jpg) 0 0 no-repeat;}
#head-content3{height:152px; width:800px; margin:0 auto;  background:url(/images/header-ran4.jpg) 0 0 no-repeat;}
#head-content4{height:152px; width:800px; margin:0 auto;  background:url(/images/header-ran5.jpg) 0 0 no-repeat;}
#head-content5{height:152px; width:800px; margin:0 auto;  background:url(/images/header-ran6.jpg) 0 0 no-repeat;}

#breadcrumb-strip{width:770px; height:26px; margin:0 auto; padding:10px 0 0 30px; color:#fff; font-weight:bold;}

/*#flash-wrap{height:250px; width:100%; background:url(/images/flash-bg.gif) repeat-x; }
#flash-content{height:250px; width:800px; margin:0 auto;}*/

/*footer*/
#footer-wrap {width:100%; /*height:240px*/; background:url(/images/footer-bg.gif) repeat-x; text-align:center; clear:both; padding-bottom:40px;}
#footer {width:800px; /*height:120px;*/ margin: 0 auto; padding-top:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ccc; background:url(/images/cards.gif) 0 0 no-repeat;}
#footer p{margin-top:10px;}

#footer ul {list-style:none; border:none; margin:0;	padding: 5px 0 0 0;}
#footer li {display: inline;}
#footer li a {display: inline; padding: 0 6px 0 6px; text-decoration: none; color:#fff;}
html>body #footer li a {width: auto;}
#footer li a:hover {color: #ff9900;}


/*main navigation*/
#nav{width:800px; height:31px; margin:0 auto;/*padding: 6px 0 0 6px;*/	background: url(/images/nav-up.gif) 0 0 no-repeat;}
#nav ul {list-style: none;	border: none; margin:0;	padding: 0 0 0 0;}
#nav li {display: inline; float: left;}
#nav li a {display: block; padding: 15px 0 15px 0; text-decoration: none; color:#fff;}
/*html>body #nav li a {width: auto;}*/
#nav li a:hover {color: #ff0000;}

li#nav1 a {width: 65px;}
li#nav2 a {width: 177px;}
li#nav3 a {width: 160px;}
li#nav4 a {width: 83px;}
li#nav5 a {width: 82px;}
li#nav6 a {width: 94px;}
li#nav7 a {width: 80px;}
li#nav8 a {width: 59px;}

/*65 177 160 83 82 94 80 59*/
li#nav1 a:hover { background: url(/images/nav-ovr.gif) 0px 0px no-repeat;}
li#nav2 a:hover { background: url(/images/nav-ovr.gif) -65px 0px no-repeat;}
li#nav3 a:hover { background: url(/images/nav-ovr.gif) -242px 0px no-repeat;}
li#nav4 a:hover { background: url(/images/nav-ovr.gif) -402px 0px no-repeat;}
li#nav5 a:hover { background: url(/images/nav-ovr.gif) -485px 0px no-repeat;}
li#nav6 a:hover { background: url(/images/nav-ovr.gif) -567px 0px no-repeat;}
li#nav7 a:hover { background: url(/images/nav-ovr.gif) -661px 0px no-repeat;}
li#nav8 a:hover { background: url(/images/nav-ovr.gif) -741px 0px no-repeat;}

#nav ul li strong {display: none;}

/*current page highlight*/
#nav #active{color:#ff2a00;}