/* 
Rare IT Solutions Layout Style Sheet for Storage Concepts / Interior Concepts
Designed by Gary White, constructed by John Simpson

Colour Pallet
Colour		ID			Description
======		=======		===================
Red			#EE3224		Storage Concepts
Blue		#009DDC		Interior Concepts
Grey		#717171		Text
Dark grey	#4E4E4E		Nav Links

Notes: order of short hand = top, right, bottom, left 
*/

/* Generic Styles */
body,html { background:#f1f1f2; background-image: url(../images/background.gif); background-repeat:repeat-x; margin:0px; padding:0px; color: #717171; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; }
p { color: #717171; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; }
div { margin: 0px 0px 0px 0px; }
hr { color:#D9D9D9; height:1px; margin-bottom:5px; }
hr.home { color:#D9D9D9; height:1px; margin:6px 0 5px 0; padding:0px; }
ul.sc_bullet { list-style-image:url(../images/sc_bullet.gif); padding-left:15px; margin-left:0px; }
ul.ic_bullet { list-style-image:url(../images/ic_bullet.gif); padding-left:15px; margin-left:0px; }
/* */

/* DIV's */
#maincontainer { width:100%; }
#main { width:758px; background-color:#FFFFFF; text-align:left; padding:21px; height:100%; }
#storagelogo { float:left; width:150px; }
#topnav { float:right; width:334px; padding-top:80px; margin-bottom:1px; }
#leadtextbox { width:736px; border:#D9D9D9 solid 1px; font-size:10px; padding:10px; }
#scleadtextbox { width:545px; border:#D9D9D9 solid 1px; font-size:10px; padding:10px; margin-right:10px; float:left; }

#leftnavigation { width:169px; float:left; margin-right:10px; margin-top:10px; }
#rightnavigation { width:181px; float:right; margin-right:0px; margin-top:10px; }
#maincontent { width:396px; float:left; margin:10px 12px 0px 0px; }
#maincontenttext { width:374px; float:left; margin:0px 0px 0px 0px; border-left:solid 1px #E9EDF6; border-right:solid 1px #E9EDF6; border-bottom:solid 1px #E9EDF6; padding:10px 10px 5px 10px; }
#rightnav { width: 161px; margin: 10px 0px 0px 2px; float:left; }
#sc_landing_content { width:579px; margin-top:10px; float:left; }
#footer { width:738px; height:15px; clear:both; background-color:#939393; color:#FFFFFF; margin-top:10px; font-size:9px; padding:2px 10px 2px 10px; }
/* */

/* Classes */
.banner { width: 758px; background-color:#E42822; height:31px; clear:both; }
.search-txt { float:left; padding:8px 10px 0px 90px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.search { float:left; padding:6px 10px 0px 0px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.catalogue { margin: 0px 0px 0px 0px; float:none; background-image:url(../images/catalogue_module.jpg); width:169px; height:216px; }
.product-focus { width: 157px; padding: 5px 5px 5px 5px; float:none; border-left:solid 1px #E9EDF6; border-right:solid 1px #E9EDF6; border-bottom:solid 1px #E9EDF6; }
.picking-list { width:169px; background-image:url(../images/store_home_picking.jpg); background-position:right; height:69px; }
.buy-with-confidence { width:167px; background-image:url(../images/we_accept.gif); background-repeat:no-repeat; background-position:right; height:127px; border-left:solid 1px #E9EDF6; border-right:solid 1px #E9EDF6; border-bottom:solid 1px #E9EDF6; }
.about-box { background-image:url(../images/background-about.gif); background-repeat:repeat-x; width:547px; padding:15px; border-left:solid 1px #E9EDF6; border-right:solid 1px #E9EDF6; border-bottom:solid 1px #E9EDF6; font-size:10px; }

.form_l { width:120px; padding-bottom:5px; padding-left:10px; float:left; }
.form_l2 { width:60px; padding-bottom:5px; float:left; }
.form_r { width:190px; padding-bottom:5px; float:left; }
.form_r2 { width:410px; padding-bottom:5px; float:left; }
.form_full { width:400px; padding-bottom:5px; padding-left:10px; float:left; }

.sc_checkbox_l { width:140px; padding-left:20px; float:left; padding-top:3px; }
.sc_checkbox_l3 { width:160px; padding-left:100px; float:left; padding-top:3px; }
.sc_checkbox_l2 { width:140px; padding-left:90px; float:left; padding-top:3px; }
.sc_checkbox_r { width:20px; float:left; }
.sc_logo { padding-left:55px; padding-top:5px; float:left; }
.ic_logo { float:left; padding-left:30px; padding-top:5px; }
.checkbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; margin:0px; padding:0px; line-height:12px; }

.form { width:150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; padding:0px; margin:0px; }
.formbox { width:398px; padding-bottom:5px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; }
.textbox { width:713px; border:#D9D9D9 solid 1px; font-size:10px; padding:10px; clear:both; }
.formbutton { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; }
.storagemodule { float:left; width: 277px; margin-right:8px; margin-top:10px; border:#D9D9D9 solid 1px; }
.interiormodule { float:left; width:277px; margin-top:10px; border:#D9D9D9 solid 1px; }
.storemodules { width:567px; float:right; }
.homepagemod { width:257px; padding:10px; font-size:10px; }
.readmore { width:257px; text-align:right; padding:0px 10px 5px 10px; }
.learnmore { text-align:right; padding:0px 0px 5px 10px; }
.leadtext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:16px; }
.homepagetitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#EE3224; font-weight:normal; }
.sc_titles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#EE3224; font-weight:bold; }
.ic_titles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#009DDC; font-weight:bold; }
/* */

/* Links */
a:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }

a.leftnav:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #4E4E4E; text-decoration:none; }
a.leftnav:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #4E4E4E; text-decoration:none; }
a.leftnav:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }

a.storage:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }
a.storage:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }
a.storage:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }

a.storage_learn:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:underline; }
a.storage_learn:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:underline; }
a.storage_learn:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:underline; }

a.interior_learn:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:underline; }
a.interior_learn:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:underline; }
a.interior_learn:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:underline; }

a.ic:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.ic:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.ic:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:none; }

a.sc:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.sc:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.sc:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }

a.interior:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:none; }
a.interior:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:none; }
a.interior:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }

a.sitemap:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; text-decoration:none; }
a.sitemap:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; text-decoration:none; }
a.sitemap:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #cccccc; text-decoration:none; }

/* */