/*
================= Homepage CSS for Sheilas Wheels 20 01 09 ==========================
*/
/*these are Stellent fixes - DO NOT REMOVE - ============================================*/
/* This style is in here to stop the text shrinking in the contribution form editor*/
p  { margin:0; padding:0 0 10px 0; font-size: 14px; color: #444;}
li {font-size: 14px; margin-left:15px;}
/*nested generic list fix*/
#container .generic_list ul ul ,#container ol ol  {padding: 0 0 0 1.5em; }
#container .generic_list ul ul li,#container ol ol li, #container ul ol li {font-size: 1em;}
/* Style to fix problems when usin the site studio site manager fragment - fixes the navigation items */
#ssm_body_left {text-align: left;}


/* General page styles*/

body {text-align: center; /*for ie */ margin:0; padding:0; font:100% Arial, Verdana, Helvetica, sans-serif; background: #F2F2F2; color: #333}
h1   { font-size:0.9em;color:#000000;}
h2   { margin:0; padding:0 0 8px 0; font-size:0.7em; color:#000000;}
h3, #container p.h3   { margin:0; padding:0 0 5px 0; font-size:0.9em; font-weight: bold; color:000000;}
h4, #container p.h4   { margin:0; padding:0 0 5px 0; font-size:0.80em; color:#000000;}
h5, #container p.h5   { margin:0; padding:0 0 5px 0; font-size:0.70em; color:#000000;}
h6, #container p.h6   { margin:0; padding:0 0 5px 0; font-size:0.60em; color:#000000;}
ul  { padding: 0 0 10px 0; margin: 0 0 10px;}
img  {border: 0}
a	{color: #FF6699; text-decoration:none}
a:hover { color: #000000;}

#container {width:59.5em; margin:20px auto; background: #FFFFFF url(../pics/homepage/pagetop_right.jpg) no-repeat right top; text-align:left; position:relative;}
#container .box p,#container .box li,#container  .linkbox p,#container  .linkbox li{font-size:0.72em; line-height:1.2em;}

#header {background: transparent url(../pics/homepage/pagetop_left.jpg) no-repeat; padding-top:30px} 
#header img {display:none;}

#logo a {background: transparent url(../pics/homepage/sw_logo.jpg) no-repeat; width:715px; height:45px; display:block; text-indent:-9999px; margin:1em;}

#our_products_column {width:9em; float:left; margin:0 0.25em 0.5em 1em; border:1px solid #FF6699; padding:0.5em; height:30.6em; display:inline} 
#our_products_column h2 {color:#FFFFFF; font-size:1em; padding:0 10px; margin:-0.5em -0.5em 10px; background:#FF6699 url(../pics/homepage/our_products_h2.jpg) repeat-x; text-align:left; height: 29px; line-height:29px;}
#our_products_column li {list-style:none; margin-left:10px}
#our_products_column li a{text-decoration:underline;}



#main {float:left; width:47.6em; display:block} 

.box { border: 1px solid #FF6699; float: left; width: 11.63em;padding: 0.5em; margin:0pt 0.25em 0.5em; height:14.5em; position:relative; display:inline;}

#container .box p {padding:0 45px 5px 0;}
#container .box p.action {padding:0; position:absolute; bottom:5px; width:134px; height:35px; text-align:center; left:10px; }
#container .box h2 {color:#FFFFFF; font-size:1em; padding:0 10px; margin:-0.5em -0.5em 10px; background:#000000 url(../pics/homepage/bg_h2.jpg) repeat-x; text-align:left; height: 29px; line-height:29px; border: 1px solid #000000; border-bottom:none;}
#container .box h2 a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#container .box .action a{ background: #FF6699 url(../pics/homepage/action_button_small.jpg) no-repeat ; font-weight:bold; font-size:1.3em; color:#FFFFFF; display:block; width:134px; height:17px; padding: 9px 0; text-decoration:none }
#container .box .action a:hover { background: transparent url(../pics/homepage/action_button_small_hover.jpg) no-repeat ; color:#FFFFFF;}
#container .box .action_links {position:absolute; bottom: 0px; left: 5px;}
#container .box .action_links p.action{ width: 180px; line-height:15px; padding-bottom:12px;}
#container .box li {padding-bottom:10px;}
#container .box a {text-decoration:underline;}
#container .box p.box_links {position:absolute; bottom: 47px; color: #FF6699; overflow:visible; line-height:0.7em; padding:5px }
#container .box p.box_links a {display:block; font-size:1.2em; overflow:visible; } 
#container .box.big p.box_links {position:absolute; bottom: 60px;}
#container .box.big p.box_links a {display:inline;} 

ul#nav{ border:1px solid #FF6699; float:left; height:495px; margin:0 0.25em 0 0.5em; overflow:hidden; width:11em;}



	

#car { background: transparent;}
#home { background: transparent url(../pics/homepage/sw_hp_box_home.jpg) no-repeat right 30px;}
#pet { background: transparent url(../pics/homepage/sw_hp_box_pet.jpg) no-repeat bottom right;}
#travel { background: transparent url(../pics/homepage/sw_hp_box_travel.jpg) no-repeat bottom right;}


#container .box.big {margin:0 0.25em 0.5em; width:45.8em; height: 14.5em; float:left; position:relative; display:inline;}
#container .box.big p, #container .box.big ul, #container .box.big ol{padding-right:340px; padding-bottom:5px}
#container .box.big h2 {background:#000000 url(../pics/homepage/bg_h2_car.jpg) no-repeat right;} 

#container .box.med {margin:0 0.25em 0.5em; width:19.3em; height: 14.5em; float:left; position:relative; display:inline;}
#container .box.med ul, #container .box.med ol{padding-right:120px; padding-bottom:5px}

#home.box.med { background: transparent url(../pics/homepage/sw_hp_box_home.jpg) no-repeat right 30px;  }


#car.box.big { background: transparent url(../pics/homepage/sw_hp_box_car_big.jpg) no-repeat right 30px;  }
#home.box.big { background: transparent url(../pics/homepage/sw_hp_box_home.jpg) no-repeat bottom right;  }
#pet.box.big { background: transparent url(../pics/homepage/sw_hp_box_pet.jpg) no-repeat bottom right;  }
#travel.box.big { background: transparent url(../pics/homepage/sw_hp_box_travel.jpg) no-repeat bottom right;  }


#container .box.big .action_links, #container .box.med .action_links { padding: 10px 0 14px 0; height:20px; bottom:10px; left:10px; position:absolute; }
#container .box.big p.action { padding:0; width:183px; height:48px;}
#container .box.big .action a { background: #FF6699 url(../pics/homepage/action_button.jpg) no-repeat ; font-size:2em; color:#FFFFFF; padding:13px 0; width: 183px; height:22px;}
#container .box.big .action a:hover { background: transparent url(../pics/homepage/action_button_hover.jpg) no-repeat ; text-decoration:none; font-weight:bold; color:#FFFFFF}	


#links_content { clear:left; padding:0 0 1em	 }

#links.linkbox.big {width: auto; margin-top:0}

#links_content h1, #links_content h2 { font-size:0.9em; margin: 0 0 0.5em 0; color:#000000; padding:0}

#links_content ul {margin:0; }
#container .linkbox li  {line-height:1.6em; list-style:none; margin:0}

.linkbox {float:left;padding:0 2em 0 1em; height: 7.5em; margin-bottom: 10px; }




/* footer style */

#footer {background: #FF6699 url(../pics/homepage/pagebottom_right.jpg) right top no-repeat;  height: 30px; clear:both}
#footer #left_wrap {background:transparent url(../pics/homepage/pagebottom_left.jpg) no-repeat left top; height:30px;}
#footer p {float:left; height:28px; padding:0; margin:2px 50px 0 10px; display:inline}
#footer ul {color:#FFFFFF; list-style:none; padding:5px 0 0 0; margin:0; height:25px;}
#footer li {float:left; font-size:0.8em; margin:0; font-weight:bold}
#footer li a {color:#FFFFFF; text-decoration:none}
#footer li a:hover {color:#000000;}

#footer_links {text-align:left; width:59.5em; clear:both; margin:auto}
#footer_links p {font-size:0.6em;}
#footer_links a {color:#444444;}


.clearfix {clear:both;}

/* style switcher */

#style_switcher {position:absolute; top: 2px; right:10px;}
#style_switcher ul {list-style:none; margin:0; width:102px;}
#style_switcher li {float:left; margin:0 5px 0 0}
#style_switcher img {display:block;}

#no_script		{left:12px; margin:10px 0; position:relative; top:10px; text-align:left; float:none}
#no_script p 		{font-weight: 700; width:68em; text-align:left; margin:auto}
#no_script p + p 	{font-weight: 400}

.mailto {background: transparent url(../pics/homepage/mailto_icon.gif) no-repeat right; padding-right:20px; display: inline-block;}