@import url(specific.css);  /* Browser specific CSS */

@media all {

/* =universals */
* { margin : 0; padding : 0; }
h2, h3, h4, p, blockquote, address, dl, ul, ol { margin : 0 20px; padding : .5em 0; }

/* =html */
html { background : #fff url(../images/html.gif) 50% 0 no-repeat; color : #333; text-align : center; }	

/* =body */
body { margin : 0 auto; font : 88%/1.5 Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; }

/* =h1 */
h1 { font-size : 200%; }

/* =h2 */
h2 { font-size : 160%; letter-spacing : -.05em; }
div#nav_main h2, div#nav_supp h2 { position : absolute; left : -9999px; overflow : hidden; }
div#content_sub h2 { font-size : 120%; }

/* =h3 */
h3 { font-size : 120%; clear : both; }
form h3 { margin-left : 20px; }

/* =h4 */
h4 { font-size : 100%; }

/* =p */
p { font-size : 100%; }
p.accessibility { position : absolute; left : -9999px; overflow : hidden; }
dd p, form p { margin : 0; }
h2 + img + p { font-weight : bold; }
div#siteinfo p { font-size : 90%; }
p#nav_add { clear : both; text-align : center; }

/* =blockquote */
blockquote { margin-left : 20px; padding-left : 20px; border-left : 1px solid #000; }

/* =strong =b =em =i */
strong { font-weight : bold; }
b { font-weight : bold; }
em { font-weight : bold; }
i { font-variant  : italic; }

/* =address */
address { font-style : normal; }
form address { margin-left : 0; }
address span { display : block; }

/* =dl =dt =dd */
dl { float : left; width : 28%; margin-bottom : 2em; }
body.index dl { width : 20%; min-height : 30em; }
body.index dl:last-child { margin-right : 0; }
body.range dl { width : 24%; min-height : 22em; border-bottom : 1px dotted #c8c8c8; min-width : 20em; }
dt { font-weight : bold; margin-bottom : .25em; }
form dt { display : inline; }
form dd { display : inline; }

/* =ul */
ul { list-style-type : none; list-style-position : inside; }
dd ul { margin-left : 0; }
ul#nav-paging { text-align : center; }
ul#product_meta { clear : both; margin : 1em 20px; padding : 1em 0; border-top : 1px dotted #c8c8c8; border-bottom : 1px dotted #c8c8c8; overflow : hidden; }
ul#product_options { clear : both; margin : 0 20px 1em 20px; padding : 0 0 1em 0; border-bottom : 1px dotted #c8c8c8; overflow : hidden; list-style-position : outside; }

/* =ol */
ol { margin-left : 30px; list-style-position : inside; }

/* =li */
div#nav_main li, div#nav_supp li { display : inline; }
div#content_sub li { line-height : 2em; border-bottom : 1px dotted #c8c8c8; }
ul#nav-paging li { display : inline; }
ul#product_meta li { float : left; width : 40%; }
ul#product_options li { width : 90%; margin-bottom : .5em; }
ul#product_meta strong { float : left; display : block; width : 49%; }
ul#product_options strong { float : left; display : block; width : 22%; }

/* =img */
img, img a { border : none; }
dt img { display : block; }
body.detail img { float : left; margin : 0 2em 1em 0; padding : 5px; background-color : #ddd; border : 1px dotted #eee; }
.range #content_main dl img,
.cart #content_main dl img { margin-bottom : .5em; padding : 3px; background-color : #ddd; border : 1px dotted #eee; }
.index #content_main dl img { margin-bottom : .5em; padding : 3px; background-color : #ddd; border : 1px dotted #eee; }

/* =hr */
hr { display : none; }

/* =a */
a:link { color : #000066; text-decoration : none; }
a:visited { color : #000066; text-decoration : none; }
a:hover { color : #ff0000; text-decoration : underline; }
div#nav_main a { margin-right : 1em; font-size : 82%; margin-right : .75em; padding-right : .75em; border-right : 1px solid #c8c8c8; font-weight : bold; text-decoration : none;  }
div#nav_main li:last-child a { border-right : 0px solid #666; }
div#nav_supp li a { float : left; margin-right : .75em; padding-right : .75em; border-right : 1px solid #c8c8c8; }
div#nav_supp li:last-child a { border-right : 0px solid #666; }
div#content_sub li a { display : block; }

/* =table */
table { width : 90%; margin : 0 0 30px 20px; border-collapse : collapse; }
form table { margin-left : 0; }

/* =caption */
caption { margin : 0 0 20px 20px; font-weight : bold; color : #000; text-align : left; }

/* =thead */
thead { font-weight : bold; background-color : #c8c8c8; }

/* =th */
th { padding : .5em; text-align : left; border-right : 1px solid #c8c8c8; }

/* =td*/
td { padding : .35em; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border-bottom : 1px dotted #c8c8c8;  vertical-align : top; }

/* =form */
form { margin : .5em 20px; }

.contact #content_main form { margin : .5em 0; }
dl form { margin : 0; }
div#search_input form { padding-bottom : 1em; border-bottom : 1px dotted #c8c8c8; }
#form_tellFriend { margin : 0 20px; padding: 1em; border : 1px solid #c8c8c8; }
#form_tellFriend em, #form_delivery em { color : #f40000; }

/* =fieldset */
fieldset { margin-left : 20px; border : 0 solid #fff; overflow : hidden; }
dl fieldset { margin : 0; padding : .5em; border : 1px dotted #c8c8c8; }
div#search_input fieldset { margin-left : 0; border : 0 solid #fff; }
#form_tellFriend fieldset { float : left; width : 18em; margin : 0 1em 1em 0; }
body.checkout div#content_main fieldset { margin : 0 0 2em 0; padding-bottom : .5em; border-bottom : 1px dotted #c8c8c8; }

/* =legend */
legend { font-weight : bold; color : #000; margin-bottom : 1em; }

/* =label */
label { margin-bottom : .75em; }
label, label span { display : block; font-weight : bold; }
body.checkout div#content_main label { float : left; width : 100%; }
body.checkout div#content_main label span { float : left; width : 30%; margin-right : 1%; }

/* =search box */
div#search_input label { display : inline; margin-right : .5em; }
div#search_input label span { display : none; }

/* =shopping cart */
dl label { display : inline; margin-right : .5em; }
dl label span { display : inline; margin-right : .5em; }
#form_tellFriend label { text-align : left; }

/* =input */
input { width : 80%; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border : 1px solid #c8c8c8; }
input#usr_std_searchTerm { width : 50%; }
.checkout #content_main input { float : left; width : 16em; }
input[type='text'], textarea { padding : .1em; }
input.qty { width : 3em; text-align : center; }
input.checkbox, .checkout #content_main input.checkbox { width : auto; margin-right : 1em; }

/* =textarea */
textarea { width : 90%; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border : 1px solid #c8c8c8; }

/* =select */
select { width : 90%; font : 100% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; border : 1px solid #c8c8c8; }
body.detail select { width : 75%; }
body.checkout div#content_main select { float : left; width : 16em; }

/* =submit */
div input.submit, .checkout #content_main div input { float : none; width : auto; }

/* =div */
form div { padding : .5em 0; text-align : center; }
#form_tellFriend div { width : 39em; } 
div#content_main div { clear : both; width : 100%; }

/* =layout */
#container { position : relative; width : 96%; min-width : 750px; max-width : 1100px; margin : 0 auto; text-align : left; }
#branding  { width : 100%; height : 4em; }
#nav_main  { position : absolute; top : 4em; width : 100%; }
#nav_supp  { float : none; clear : both; width : 100%; padding : 2em 0 .5em 0; }
#siteinfo  { clear : both; width : 100%; padding : .5em 0; border-top : 1px dotted #c8c8c8; text-align : center; }
#nav_categories { clear : left; }

/* =divs (1 column layout) */
body.cols1 div#content { float : none; width : 100%; }
body.cols1 div#content_main { float : none; width : 100%; padding-bottom : 2em; }
body.cols1 div#content_sub { float : none; width : 100%; padding-bottom : 2em; }

/* =divs (2 column layout) */
body.cols2 div#content { width : 100%; }
body.cols2 div#content_main { float : right; width : 70%; padding-bottom : 2em; }
body.cols2 div#content_sub { float : left; width : 29%;  padding-top : 100px; padding-bottom : 167px; background : url(../images/cards.gif) 20px 100% no-repeat; }

/* Widgets: Change display properties as required */

/* =Home page */

/* =search input */ 			body.index div#search_input 		{ position : absolute; top : 4em; right : 0; width : 20em; }
/* =categories list */ 			body.index div#nav_categories 		{ display : inline; float : left; width : 30%; margin-left : 20px; }
/* =latest additions */ 		body.index div#nav_latest 			{ display : inline; float : left; width : 30%; margin-left : 20px; }
/* =shopping cart */ 			body.index div#nav_cart 			{ display : none; }
/* =manufacturers list */  		body.index div#nav_manufacturer 	{ display : inline; float : left; width : 30%; margin-left : 20px; }
/* =news items list */ 			body.index div#nav_news 			{ display : none; }
/* =featured products list */ 	body.index div.featured_products 	{ display : none; }
/* =articles list */ 			body.index div.nav_articles 		{ display : none; }

/* =Product pages */

/* =latest additions */ 		body.range div#nav_latest, body.detail div#nav_latest 			{ display : none; }
/* =news items list */ 			body.range div#nav_news, body.detail div#nav_news 				{ display : none; }
/* =featured products list */ 	body.range div.featured_products, body.detail div.featured_products 	{ display : none; }
/* =articles list */ 			body.range div.nav_articles, body.detail div.nav_articles 			{ display : none; }

/* =Search pages */

/* =search input */ 			body.search div#search_input 									{ display : none; }
/* =latest additions */ 		body.search div#nav_latest, body.detail div#nav_latest 			{ display : none; }
/* =news items list */ 			body.search div#nav_news, body.detail div#nav_news 				{ display : none; }
/* =featured products list */ 	body.search div.featured_products, body.detail div.featured_products 	{ display : none; }
/* =articles list */ 			body.search div.nav_articles, body.detail div.nav_articles 			{ display : none; }

/* =Cart page */

/* =latest additions */ 		body.cart div#nav_latest 			{ display : none; }
/* =shopping cart */ 			body.cart div#nav_cart 				{ display : none; }
/* =news items list */ 			body.cart div#nav_news 				{ display : none; }
/* =featured products list */ 	body.cart div.featured_products 	{ display : none; }
/* =articles list */ 			body.cart div.nav_articles 			{ display : none; }

/* =Article pages */

/* =categories list */ 			body.article div#nav_categories 	{ display : none; }
/* =latest additions */ 		body.article div#nav_latest 		{ display : none; }
/* =shopping cart */ 			body.article div#nav_cart 			{ display : none; }
/* =manufacturers list */  		body.article div#nav_manufacturer 	{ display : none; }
/* =featured products list */ 	body.article div.featured_products { display : none; }

/* =Checkout pages */

/* =categories list */ 			body.checkout div#nav_categories 	{ display : none; }
/* =latest additions */ 		body.checkout div#nav_latest 		{ display : none; }
/* =shopping cart */ 			body.checkout div#nav_cart 			{ display : none; }
/* =manufacturers list */  		body.checkout div#nav_manufacturer 	{ display : none; }
/* =news items list */ 			body.checkout div#nav_news 			{ display : none; }
/* =featured products list */ 	body.checkout div.featured_products { display : none; }
/* =articles list */ 			body.checkout div.nav_articles 		{ display : none; }


/* Karova branding (delete as required) */

html { background : #fff url(../images/html.gif) repeat-x 50% 0; }

/* =hx */
h2, h3, h4, h5 { font-family : "Myriad Pro", "Myriad", "Myriad Web", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight : normal; }

/* =h1 */
h1 { position : absolute; left : 20px; top : 20px; width : 135px; height : 64px; background : url(../images/h1.gif) no-repeat; }

/* =p */
h2+p { font-weight : bold; }
div#siteinfo p { color : #666; }
body.index div#content_main > p:first-child { margin : 0 20em 2em 200px; font-style : italic; text-align : center; }
body.index div#content_main div > p:first-child { float : left; width : 40%; margin : .5em 20px; padding : 1em; background-color : #e5f6a5; border : 1px solid #c8c8c8; }

/* =dl */
.range #content_main dl { height : 36em; }

/* =ul */
#content_sub ul { padding : 0; border-top : 1px dotted #c8c8c8; border-left : 1px dotted #c8c8c8; border-right : 1px dotted #c8c8c8; }

/* =li */
div#content_sub li { padding-left : 25px; background : #fff url(../images/li.png) no-repeat 5px 50%; }
div#content_sub li:hover { background-color : #e5f6a5 }

/* =a */
a:link { color : #000066; text-decoration : none; }
a:visited { color : #000066; text-decoration : none; }
a:hover { color : #ff0000; text-decoration : underline; }
a:active, a:focus { color : #333; text-decoration : underline; }
#nav_main a:link { color : #6600cc; }
#nav_main a:visited { color : #6600cc; }
#nav_main a:hover { color : #eb8131; }
div#branding h1 a { display : block; width : 145px; height : 64px; text-indent : -9999px; overflow : hidden; }
p#nav_add a { width : auto; padding : .25em .75em; color : #fff; border : 1px solid #a06e23; background-color : #f90; font : bold 78% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; text-transform : uppercase;text-decoration : none;  }
ul#nav-paging a { width : auto; margin-right : 1em; padding : .25em .75em; color : #fff; border : 1px solid #330066; background-color : #663399; font : bold 78% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; text-transform : uppercase;text-decoration : none; }

/* =form */
#form_tellFriend { background-color : #e5f6a5; }

/* =fieldset */
dl fieldset { background-color : #e5f6a5; }

/* =tr */
tbody tr:hover { background-color : #e5f6a5; }

/* =thead */
thead { background-color : #a6d154; color : #fff; }

/* =input */
label input:hover { border : 1px solid #a6d154; }
label input:active, label input:focus { border : 1px solid #333; }

/* =submit */
div input.submit { width : auto; padding : .25em .5em; color : #fff; border : 1px solid #330066; background-color : #663399; font : bold 78% Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; text-transform : uppercase; }

/* =layout */
div#nav_main  { position : absolute; right : 20px; top : 10px; width : 80%; text-align : right; }
div#branding  { height : 7em; }

}