/* SEW PERSONAL 4U TEMPLATE CSS - COPYRIGHT © 2011 - FLYING ORANGE */

* {padding:0; margin:0;}
html { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { background: #1d4163 url(../images/mainbg.jpg); color: #000; font: normal 12px Verdana, Arial, sans-serif; margin: 0; }

/* TYPOGRAPHY */

p { line-height: 1.25; margin-bottom: 12px; }
h1 { font-size: 16px; color: #5b7444; margin: 0px 0px 12px 0; padding: 0px; }
h2 { font-size: 14px; color: #5b7444; margin: 0px 0px 12px 0; padding: 0px; }
h3, h4, h5, h6 { font-size: 12px; color: #5b7444; margin-top: 12px; text-align: center; font-weight: normal; }
HR { color: #5b7444; background-color: #5b7444; height: 1px; width: 100%;  }
ul { margin: 0 0 12px 36px; }
#shoptext p { margin: 0; text-align: center; color: #fff; font-size: 14px; }
#copyright p { font: normal 12px; color: #fff; text-align: right; line-height: 16px; font-weight: bold; }
.center { text-align: center; }
.space { margin: 0 24px; }
img.border { border: 0;}

/* LINKS */

a:link {color:#5b7444; text-decoration: none; font-weight: bold;} 
a:visited {color:#5b7444; text-decoration: none; font-weight: bold;} 
a:active {color:#5b7444; text-decoration: none; font-weight: bold;}
a:hover {color:#5b7444; text-decoration: underline; font-weight: bold;}

#footer a:link {color:#fff; text-decoration: none; font-weight: bold;} 
#footer a:visited {color:#fff; text-decoration: none; font-weight: bold;} 
#footer a:active {color:#fff; text-decoration: none; font-weight: bold;}
#footer a:hover {color:#fff; text-decoration: underline; font-weight: bold;}

a.cat { font-family: Arial, Helvetica, sans-serif; color: #5b7444; font-size: 12px; font-weight: bold; font-style: normal; 	text-decoration:none; line-height: 20px; }
a.cat:hover { font-family: Arial, Helvetica, sans-serif; color: #5b7444; text-decoration:underline; line-height: 20px; font-weight: bold; }
a.cat:visited { font-family: Arial, Helvetica, sans-serif; color: #5b7444; font-size: 12px; font-weight: bold; font-style: normal; text-decoration:none; line-height: 20px; }
a.cat:visited:hover { font-family: Arial, Helvetica, sans-serif; color: #5b7444; text-decoration:underline; line-height: 20px; font-weight: bold; }

a.subcat { font-family:  Arial, Helvetica, sans-serif; color: #5b7444; font-size: 12px; font-weight: normal; font-style: normal; text-decoration:none; }
a.subcat:hover { font-family:  Arial, Helvetica, sans-serif; color: #5b7444; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: underline; }
a.subcat:visited { font-family:  Arial, Helvetica, sans-serif; color: #5b7444; font-size: 12px; font-weight: normal; font-style: normal; text-decoration:none; }
a.subcat:visited:hover { font-family:  Arial, Helvetica, sans-serif; color: #5b7444; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: underline; }

a.menu, a.menu-bottom { font-family: Verdana, Arial, Helvetics, sans-serif; color: #FFF; font-size: 14px; font-weight: bold; text-decoration: none; }
a.menu:hover, a.menu-bottom:hover { font-family: Verdana, Arial, Helvetics, sans-serif; font-size: 14px; color: #fff; text-decoration: underline; }
a.menu:visited, a.menu-bottom:visited { font-family: Verdana, Arial, Helvetics, sans-serif; color: #FFF; font-size: 14px;  font-weight: bold; text-decoration: none; }
a.menu:visited:hover, a.menu-bottom:visited:hover { font-family: Verdana, Arial, Helvetics, sans-serif; font-size: 14px; color: #fff; text-decoration: underline; }

a.details {	color: #5b7444; font-size: 12px; font-style: normal; text-decoration: underline; font-weight: border; }
a.details:hover { color: #5b7444; }
a.details:visited { color: #5b7444; font-size: 12px; font-style: normal; text-decoration: underline; font-weight: #5b7444; }
a.details:visited:hover { color: #5b7444; }

/* CONTAINERS */

#wrapper { width: 920px; margin: 0 auto; background: url(../images/wrapperbg.png) repeat-y; }
#header { width: 920px; height: 140px; }
#logo { width: 400px; height: 140px; float: left; margin: 0 0 0 30px; }
#shopbag { width: 236px; height: 60px; float: right; margin: 0 80px 0 0; background:url(../images/basketbg.png); }
#shoptext { width: 140px; margin: 10px 0 0 20px; float: left; }
#cart { width: 53px; float: right; margin: 5px 20px 0 0; }
#search { width: 310px; height: 30px; float: right; margin: 30px 30px 0 0;  }
#conhead { width: 876px; height: 52px; background: url(../images/conheadbg.png) no-repeat; margin: 0 auto; padding-top: 8px; }
#topnav { width: 856px; height: 52px; background: url(../images/topnavbg.png) repeat-x; margin: 0 auto; }
#toplinks { width: 826px; margin: 0; }
#content { width: 876px; background: url(../images/conmidbg.png) repeat-y; overflow: hidden; margin: 0 auto;  }
#left { width: 200px; margin: 10px 0 10px 30px; float: left; }
#categories, #newsletter { width: 200px; margin: 0 auto; }
#cathead { width: 200px; height: 50px; margin: 0 auto; background: url(../images/products_head.png); }
#newshead { width: 200px; height: 40px; margin: 0 auto; background: url(../images/newsletter_head.png); }
#cats, #news { width: 200px; border: 2px solid #9cab8e; background: #edf2e8; margin: 0 auto; }
#right { width: 590px; margin: 10px 30px 10px 0; float: right;  }
#confoot { width: 876px; height: 20px; background: url(../images/confootbg.png) no-repeat; margin: 0 auto; }
#footer { width: 876px; padding: 10px; }
#social { width: 250px; float: left; margin-left: 40px; }
#copyright { width: 530px; float: right; margin-right: 10px; }
#bottom { width: 920px; height: 20px; overflow: hidden; margin: 0 auto 20px auto; background: url(../images/footerbg.png) no-repeat; }
#clear { clear: both; }


/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.menu-headers { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #5b7444; font-weight: bold; 	text-transform: uppercase; text-decoration: none; background: url(../images/pageheader.png) no-repeat; padding-left: 18px; }

/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon { font-size: 12px; font-weight: normal; color: #5b7444; }

/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star { width: 30px; height: 30px; background: url(../images/bg-top-item-star.png) no-repeat; position: absolute; top: -30px; left: 120px; padding: 15px 19px 23px 19px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFF; }

/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5b7444; padding: 0px 1px 0px 6px; }

/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5b7444; }

/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #5b7444; font-weight: bold; }

ul#menu-bottom {width: 400px; height: 125px; float: left; }
li#menu-bottom { width: 200px; line-height: 20px; list-style: none; float: left; } 


/*******************************************************************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************************************************************/




/*td:: Controls all text inside a table without and associated style.*/ 
td {
	color: #5b7444;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0px;
	line-height: 1.5em;
	font-size: 12px;
}
/*data:: Controls the font style of your content on all the pages.*/
.data {
	color: #5b7444;
	background-color: #fff;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0px;
	line-height: 1.5em;
	font-size: 12px;
}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #5b7444;
	margin: 10px 5px 0 0;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #5b7444;
}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #5b7444;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-weight: bold;
	border-top: none;
	border-bottom: 1px solid #5b7444;
	border-left: none;
	border-right: none;
	background-color:#FFF;
	font-style:normal;
	text-transform: uppercase;
}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5b7444;
	font-weight: bold;
}
/*error:: Controls the error messages*/ 
.error {
	font-size: 12px;
	font-weight: normal;
	color: #e10e04;
	text-decoration: none;
}
/*borders:: Controls the color of the line dividers used throughout the site.*/ 
.borders {
	color: #5b7444;
	border: 1px dotted #cccccc;
	border-style: none none dotted;
}
/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/ 
.borders2 {
	border: 1px dotted #cccccc;
	border-style: none none dotted;
}

/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/

/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5b7444;
	font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cccccc;
}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5b7444;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #eeeeee;
	color: #5b7444;
	padding:4px;
}
/*******************************************************************************************************/
/*   STYLES ONLY USED ON PRODUCT PAGES      */
/*******************************************************************************************************/

/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5b7444;
	border: 1px dotted #cccccc;
	border-style: none none dotted;
}
/*item:: Controls the item description and item details text.*/ 
.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f3b2c;
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 16px;
	color: #5b7444;
	font-weight:bold;
}
/*price-info:: Controls the way the sub-prices display on the product page, the final price is controlled by the style called "price".*/ 
.price-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #585C5F;
}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
	color: #afafae;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0px;
	font-size: 10px;
	vertical-align:bottom;
}
/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/ 
.availability-txt {
	color: #FFF;
	text-decoration: none;
	text-align: left;
	letter-spacing: 2px;
	line-height: 1.2em;
	font-size: 11px;
	background-color:#5b7444;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5b7444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 7px;
	line-height: 10px;
	font-size: 16px;
	font-style:italic;
}
/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/
/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #dcdbdc;
	border-bottom: 1px solid #dcdbdc;
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	background:url(../images/BG_btn.gif) repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	margin:1px;
	padding: 2px 6px 2px 6px;
}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #dcdbdc;
	border-bottom: 1px solid #dcdbdc;
	border-left: 1px solid #dcdbdc;
	border-right: 1px solid #dcdbdc;
	background:url(../images/BG_btn1.gif) repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	margin:1px;
	padding: 2px 6px 2px 6px;
}

/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {
	border-top: 1px solid #5b7444;
	border-bottom: 1px solid #5b7444;
	border-left: 1px solid #5b7444;
	border-right: 1px solid #5b7444;
	background-color: #FFF;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/ 	
.txtAreaStyle {
	border-top: 1px solid #5b7444;
	border-bottom: 1px solid #5b7444;
	border-left: 1px solid #5b7444;
	border-right: 1px solid #5b7444;
	background-color: #FBFBFB;
	font-weight: normal;
	font-size: 11px;
	color: #343333;
}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
	height: 20px;
	color: #585C5F;
	font-size: 12px;
	border: none;
	padding: 3px 0px 0px 0px;
	margin: 0;
}
/*******************************************************************************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/*******************************************************************************************************/

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
	background-color: #f9f8f8;
}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-family: Verdana, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
}
img {
	border: none;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/


/*font1:: Primary Screen Font */ 
.font1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5b7444;
}
/*font2:: Secondary Screen Font */ 
.font2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5b7444;
}
.font3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.font4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c32519;
}
/*top:: Controls the  Color of the top Bar*/		
.top {
	background: #FFF;
}
/*line:: Controls the  Color of the line bellow the top bar*/		
.line {
	background: #FFF url(../images/BG_menu.gif) repeat-x;
}