/*============================*/
/*    Developer: DJ & RC      */
/*============================*/

@import url("css/colorbox.css"); /*For lightbox */
@import url("css/form.css");

/* Header */
#header { background:#808c95; clear:both; height:auto; width:auto; }
#header .pre-first, #header .post-first {background-color: #808c95; height:10px; }
#header .first-block {background: #808c95 url(images/grey_background.gif) no-repeat; height:113px; }
#header .inner-wrapper {background:white url(images/semi-circle-right.gif) no-repeat right; width:70%; height:113px; float:left;}

#header .logo-wrapper {float:left; padding:28px 0 0 20px; }
#header .slogan-wrapper {float:left; padding:25px 0px 0px 50px; width:250px;}
#header .button-wrapper {float:right;padding:30px 0 0 0; width:292px; height:70px;}
#header .button-wrapper img{ border:0;}
#header .sloganPane p, #header .sloganPane div {color: #808c95; font-weight:bold; line-height:16px;}
#header .second { background: url(images/menubar_m.png); height:32px; }
#header .menu-wrapper {height:32px; width:1000px; float:left; }

#header .third { background:#B4B3B3; height:35px; }
#header .breadcrumb-wrapper {float:left; color:white; padding:8px 0 0 20px; width:600px; height:15px;}
#header .breadcrumb-wrapper p { color:White; margin:0; }
#header .breadcrumb-separator {margin-top:2px;}
#header .bookmark-wrapper {color: white; vertical-align:bottom; float:right; margin-top:4px;width:245px; height:25px; }
#header .bookmark-wrapper .website-content-main {padding:0;}
#header .bookmark-wrapper span {color:white;}
#header a.bookmark-tool {color:White; font-weight:normal;}
#header a.bookmark-tool:hover {color:Black;}

/* Search */
.search-box{background: url(images/mag_glass.gif) no-repeat 11px 11px; border:1px solid #808C95; padding: 5px; display:block; height:20px;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {color:#9E9E9E; cursor:text; font-size: 13px; height:15px; margin:2px 2px 0px 4px; padding:1px 0px 0 0px; background-color:Transparent; border:none; width: 110px;}
#dnn_dnnSEARCH_cmdSearch { float:left; margin:0px }
.search-wrapper { padding:10px 20px 10px 0; }


/* Content */

/* Side Borders */
.border-margin-control { margin:0px 17px; padding: 10px 0 10px 10px; background:white; }
.border-left { float:left; background:url(images/background-left.png) repeat-y scroll top left; }
.border-right { float:left; background:url(images/background-right.png) repeat-y scroll top right;overflow:hidden;}
.border-far-right {float:left; height:295px; margin-left:-17px;}

.content-wrapper { background:#F2F2F2; margin:0 auto; width:997px; }

#content { background:#F2F2F2; clear:both; }
#content #mainContent{ background:white; min-height:475px; overflow:hidden; width:940px;} 
#content #topContent {width:940px; background-color:White;}
#content #bottomContent {width:920px; padding: 0px 20px;}
.fullPane {width: 97%; padding: 0 10px;}
.bottomPane {padding:10px; width:888px;}
.leftside {float:left;}

.website-singlePane{float:left; width:233px; padding-left:10px; clear:right;}
.website-doublePane {float:left; width: 444px; padding: 0 10px 0 0; }
.website-halfPane {float:left; width:328px; padding-right:20px; }
.website-largeHalfPane {float:left; width:697px; padding:0 0 10px 0;}


#content .ContentPane {padding: 0 10px; vertical-align:top; }
#content .BottomPane { padding: 0px 10px; vertical-align:top;}

/* ---- Size links ---- */
.sideLinks {position:absolute; margin-top: 18px; float:right; width:32px;}
#sideNav {margin:0; padding: 0;}
#sideNav li{ font-size:2em; list-style-type:none;}
#sideNav li a { background: url(images/website-group-medium-icons.gif) no-repeat 0 -41px; display:block;}
#sideNav li a.SMSupdates { width:32px; height:138px; background-position: 0 -41px;}
#sideNav li a:hover.SMSupdates { background-position: -32px -41px;}
#sideNav li a.SendToAFriend { width:32px; height:179px; background-position: -128px 0px;}
#sideNav li a:hover.SendToAFriend { background-position: -160px 0px;}
#sideNav li a.subscribe { width:32px; height:122px; background-position: -64px -62px;}
#sideNav li a:hover.subscribe { background-position: -96px -62px;}


/* Footer */
#footer { clear:both; }
#footer .first { background-color:#303030 ;clear:both; height:130px; }
#footer .second { background-color:#808c95; clear:both; height:40px; }
#footer .contact-us-wrapper { float:left; padding:0px 30px 0 30px; margin:10px; border-right:1px solid #6D6E71; height:110px; }
#footer .contact-us-wrapper .leftPadding{padding-left:30px;}
#footer .contact-us-wrapper p {line-height:16pt; font-size:12px; color:White;}
#footer .website-link { clear:both; float:left; padding:10px 10px 10px 39px; width:100%; }
#footer .policy-wrapper { float:left; margin:10px; padding:10px 30px 10px 10px; border-right:1px solid #6D6E71; height:90px; }
#footer .policy-wrapper p {line-height:16pt; font-size:12px; color: #6D6E71;}
#footer .bottom-right-wrapper {float:left; margin:10px; padding: 0 30px 0; border:0; height:90px;}

#footer p, #footer span, #footer a { color:#FFFFFF; margin:0px;  }
#footer img { border:0 none; }
#footer .contactUsPane, #footer .policyPane{ margin-top:6px;}
#footer .contactUsPane div {color: White; line-height:16pt;}

/* ControlPanel style */
.control-panel { display:table; margin:0px auto 0px auto; width:983px;}
.control-panel .template-style{ display:table-cell; }
.control-panel .left { background:transparent url(images/cpanel_left.png) no-repeat bottom left; margin-left: 11px; padding-left:21px; }
.control-panel .right { background:transparent url(images/cpanel_right.png) no-repeat bottom right; padding-right:33px; }
.control-panel .ControlPanel { background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none; padding-bottom:10px; }


/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, input, .CommandButton { color: black; font-size: 12px; font-family:Helvetica, Arial, Verdana, sans-serif; margin:0;}
h1, h2, h3, h4, h5, h6{color:black;}
h1, h3, h5 {font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2 {font-size: 18px; margin: 0px 0 10px 0px; padding: 0; font-weight:bold; }
h2 { font-size:14px; color:#444;}
h3, h4 { font-size:13px;margin:8px 0; font-weight:bold;}
h3 {text-decoration:underline; margin-bottom:4px; }
h5, h6{font-size:16px; border-bottom:2px solid #CCC; margin:6px 0;}
p {line-height:18px; font-size: 12px; color: Black; font-family:Helvetica, Arial, Verdana;}
.wrapper {margin: 0 auto; width:1000px; }
.clear {clear:both;}
hr {border:none; border-bottom:1px solid #D6DADD;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {font-family:Helvetica, Arial, Verdana, sans-serif;}
.Head, #content .Head{color:#2E3D47;font-weight:bold; font-size:14px;}
.SubHead {color:#444;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}
input.NormalTextBox, textarea.NormalTextBox, select.NormalTextBox {border:1px solid #4B4B4B; color:#4B4B4B;}

ul{ padding: 5px 0 0 15px; }
ul li { list-style-type:circle; padding:2px 0px;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

small {font-size:9px;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

a.CommandButton:link, a.CommandButton:visited{color:#00638d; font-weight:bold; text-decoration:underline;}
a.CommandButton:hover{color:#6D6E71;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#5C5C5C;}
.ControlPanel a.CommandButton:hover{color:#000000; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:white; text-decoration:underline;}
a.Breadcrumb:hover{color:#6D6E71;}
#header .breadcrumb-wrapper a.currentLevel { color:black;}
#header .breadcrumb-wrapper a.currentLevel:hover {color: #6D6E71; }

/*-------------- Link Style --------------*/
a, a:link,a:visited,a:active{color: #00638d; font-size: 12px; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; margin:0; text-decoration:underline;}
a:hover{color: #6D6E71;}

.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#5C5C5C; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#5C5C5C;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
#footer a,  #footer a:link, #footer a:active, #footer a:visited{ color: #00638d; font-weight:normal;}
#footer a:hover { color: #6D6E71; }
#footer .website-link a {color: White;}
#footer .website-link a:hover {color: black;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0!important;margin:0!important;display:none;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.paneOutline { border:0 none; }

/* --- ANCHOR TAGS -----*/
.website-content-main a:hover  {color: #6D6E71}


#header .website-home-link{ float:left; width:54px;}
#header .website-home-link ul{padding:0; margin:0; list-style-type:none; }
#header .website-home-link ul li {padding:0 10px 0 15px;}
#header .website-home-link li {float:left; position:relative; list-style-type:none; padding:none; padding: 0 10px; height:32px;}
#header .website-home-link .separator { padding:0; height:32px; border-left:1px solid black;}


/* -----------  CSS SEO MENU ------------ */
.SEOMenuH {text-align:center; font-family: verdana, sans-serif; font-size:0.9em; height:32px;margin:0 padding:0; list-style-type:none; z-index:9999}
.SEOMenuH ul li {padding: 0; z-index:999;}
.SEOMenuH ul {padding:0; margin:0; list-style-type:none; /* for Firefox */}
.SEOMenuH li {float:left; position:relative; list-style-type:none; padding:none; background: url(images/menubar_m.png)}
.SEOMenuH a {display:none !important;}
.SEOMenuH li a{display:block !important;}
.SEOMenuH li a, .SEOMenuH li a:visited {display:block; text-decoration:none; float:left; color:white;}/* First Level */
* html .SEOMenuH li a, .SEOMenuH li a:link, .SEOMenuH li a:visited {padding: 9px 15px 8px; /* hack for IE5.5 */}
.SEOMenuH .separator { padding:0; height:32px; border-left:1px solid black;}
.SEOMenuH li a.sub, .SEOMenuH li a.sub:visited {font-weight:bold;}/* First Level */
.SEOMenuH li ul {visibility:hidden; position:absolute;  text-align:left ;top:32px; left:0; height:0; width:auto;}
.SEOMenuH table {margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */}


/* For Current Link */
.SEOMenuH ul li .CurrentItem a:hover{color: white; }
.SEOMenuH ul li a.CurrentItem {background: black;}
.SEOMenuH li ul li.CurrentItem {background: black; text-align:left;}
.SEOMenuH ul li.CurrentItem {background:url(images/menubar_g.gif); text-align:center;}
.SEOMenuH ul li ul li a.CurrentItem:hover {background: black;}
/* For Parent Link */
.SEOMenuH .ParentItem a, .SEOMenuH .Parentlist a:visited{ background:url(images/menubar_g.gif);}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.SEOMenuH li:hover a,.SEOMenuH li a:hover {border:0; background: url(images/menubar_g.gif); text-decoration:underline;}

/* THIS IS THE SUB MENU VISIBILITY */
.SEOMenuH li:hover ul,.SEOMenuH li a:hover ul {visibility:visible; height:auto; left:0; top:32px; overflow:visible;}/* Second Level */

/* For sub menu */ 
.SEOMenuH li:hover ul li a,.SEOMenuH li a:hover ul li a {display:block; font-weight:bold; background:transparent; text-decoration:none; width:100%;}/* Second Level */
.SEOMenuH ul li ul li{background:#6d6d6d; border:1px solid black; border-top:none; font-weight:bold; color:white; text-align:left; padding: 0 18px; width:100%}
.SEOMenuH ul li ul li:hover {background:#6d6d6d; border:1px solid black; border-top:none;  font-weight:bold; color:white; text-align:left; width:100%}

.SEOMenuH ul li ul li a {background-color: #6D6D6D; padding:10px 0px !important;}
.SEOMenuH ul li ul li a:hover {background-color: #6D6D6D;}

.SEOMenuH ul li ul li.CurrentItem a {border:none; width:100%;}
.SEOMenuH li:hover ul li a.sub,.SEOMenuH li a:hover ul li a.sub {font-weight:bold;}

.SEOMenuH li:hover ul li a {border:none; font-weight:bold; color:white; text-align:left; width:100%; padding:10px 20px}
.SEOMenuH li:hover ul li a:hover,.SEOMenuH li a:hover ul li a:hover {text-decoration:underline;}

/*Third Level and up*/
.SEOMenuH li:hover ul li:hover ul li:hover a,.SEOMenuH li a:hover ul li a:hover ul li a:hover {text-decoration:underline;}
.SEOMenuH li:hover ul li ul {visibility:hidden;}
.SEOMenuH li ul li:hover ul {visibility: visible;}

.SEOMenuH li ul li ul {margin-left:100px; margin-top:-32px;}

/* -- BLOG SETTINGS --- */
h2.blog_title, div.blog_head h2.blog_title, div.blog_head h2.blog_title a, div.blog_head h2.blog_title a:link, div.blog_head h2.blog_title a:visited, div.blog_head h2.blog_title a:active, div.blog_head h2.blog_title a:hover {font-family:Helvetica, Arial; color: #00638D; font-size:12pt; margin:0;}
/* -- SURVEY SETTINGS --- */

/* SMITH CART - BUY NOW */

/* -- PRODUCT LIST */
.product_text {float:left; width:192px; height: 150px;}
.product_text img {display:block;} /* Ensure the text does not wrap around the image */
.product_image{float:right; width:110px;}
.product_Image_Size {height:201px; width:107px;}
.product_price{font-weight:bold;}
.product_btn {float:left;}

.Smith_BuyNowContent h3 {font-size:24px; }
.SmithProdtext h3{ font-size:14px; text-decoration:underline;} 
a.SmithProdtext {text-decoration: none;}
a.SmithProdtext:hover {text-decoration: underline;}
.Smith_BuyNowContent a h3:hover{text-decoration:underline; color: #6D6E71;}

/* -- PRODUCT DETAILS */
#product_details .product_text {float:left; width:50%; height:auto;}
#product_details .product_image{float:right; width: 50%; text-align:right;}
#product_details .product_price { float:left; width: 80px; padding-top:20px;}
#product_details .product_quantity { float:left; width: 80px; font-weight:bold; padding-top:22px;}
#product_details .moreBtn {margin: 0 auto; text-align:center; width:100%;}

.btn_continue {border: 0; background: url(images/cart_images/Continueshopping.jpg) no-repeat; width:159px; height:26px; cursor: pointer;}
.btn_view_cart {border: 0; background: url(images/cart_images/Viewcart.jpg) no-repeat; width:89px; height:26px; cursor:pointer;}
.btn_checkout {border: 0; background: url(images/cart_images/Checkout.gif) no-repeat; width:89px; height:26px; cursor:pointer;} 


/* designed inside skin */
a.btn_checkout { float:right; border:0; margin-right:27px; background: url(images/cart_images/Checkout.gif) no-repeat; width:89px; height:26px; cursor:pointer;}
a.btn_no_checkout { float:right; border:0; margin-right:27px; background: url(images/cart_images/Checkoutbuttongrey.jpg) no-repeat; width:89px; height:26px; cursor:default;} 
a.disableCart {display:none;}
a.enableCart {display:block;}

/* SMITH CART - Cart - CHECKOUT*/
.update {text-align:right; width:100%; padding-bottom: 20px;}
.btn_update { border: 0; background: url(images/cart_images/Update.gif) no-repeat; width:97px; height:26px; cursor:pointer;}
.btn_Discount { border: 0; background: url(images/cart_images/Apply_discount.gif) no-repeat; width:136px; height:26px; cursor:pointer;}
.btn_Delete { border: 0; background: url(images/cart_images/Delete.gif) no-repeat; width:97px; height:26px; cursor:pointer;}
.btn_CalcShipping { border: 0; background: url(images/cart_images/Calculate_shipping.gif) no-repeat; width:136px; height:26px; cursor:pointer;}
.btn_CancelShipping { border: 0; background: url(images/cart_images/Change_shipping_info.gif) no-repeat; width:136px; height:26px; cursor:pointer;}
.btn_Cancel { border: 0; background: url(images/cart_images/cancel.gif) no-repeat; width:89px; height:26px; cursor:pointer;}
.btn_Back { border: 0; background: url(images/cart_images/back.gif) no-repeat; width:66px; height:26px; cursor:pointer;}
.btn_Next { border: 0; background: url(images/cart_images/next.gif) no-repeat; width:66px; height:26px; cursor:pointer;}
.btn_Process {border: 0; background: url(images/cart_images/process_payment.gif) no-repeat; width:136px; height:26px; cursor:pointer;}

/* GRID DESIGN*/
TABLE.gridTables { border: 1px solid white; border-bottom: 1px solid #CCCCCC; width:100%;}
TABLE.gridTables { background-color: white; }
TABLE.gridTables TR { background-color: white; }
TABLE.gridTables TH { background: url(images/bg_menu.jpg) repeat; color: #503c29; padding:4px; }
TABLE.gridTables TD { padding:4px; }

/* SMITH CART - MINI CART */
.cartItems { float:left; width:80px; color:White; display:none;}
.cartValue { float:left; width: 30px; clear:right; display:none;}
.totalPrice { padding-top:4px; float:left; width:50px; color: white;}
.totalValue { padding-top:4px; float:left; color: white;}
.checkoutBtn {float:left; width:80px; display:none;}

/* SMITH CART - MY ACCOUNT */